Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Ion-checkbox justify property does not work on Android 12 (API 31) #3459

Open
RoinSquallo opened this issue Feb 19, 2024 · 2 comments
Open
Labels
triage New issues

Comments

@RoinSquallo
Copy link

Describe the Bug

Ion-checkbox justify property does not work properly on Android 12 (API 31)
I set justify="start" labelPlacement="end" and it works perfectly find with API 33 and above but when I tested with API 31 it acts weird.
Screenshot 0006-02-19 at 9 17 46

Expected Behavior

The view should be consistent between API version.

Screenshot 0006-02-19 at 9 19 06

Steps to Reproduce

Using ion-checkbox with said property and test in API 31 & 33 should reproduce this bug.

Screenshots

No response

Operating System

MacOS, Android studio

Browser

Chrome

Version

No response

Additional Information

"@angular/core": "^16.0.0",
"@ionic/angular": "^7.0.0",

@RoinSquallo RoinSquallo added the triage New issues label Feb 19, 2024
@liamdebeasi
Copy link
Contributor

It's possible the device with API 31 is using an RTL text direction. In an RTL text direction justify="start" would pack the checkbox and label on the right side of container. Though that would mean the label appears to the left of the checkbox, not the right. It's possible there's a platform bug too. What version of Chromium are you using on the API 31 device? You can find this by logging window.navigator.userAgent when inspecting the app with Chrome Dev Tools.

@liamdebeasi liamdebeasi added the needs: reply Issues that need more information from the author label Feb 29, 2024
@ionitron-bot ionitron-bot bot removed the triage New issues label Feb 29, 2024
@RoinSquallo
Copy link
Author

This is the output of above command.
'Mozilla/5.0 (Linux; Android 12; sdk_gphone64_arm64 Build/SE1A.220203.002.A1; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/121.0.6167.178 Mobile Safari/537.36'

I am currently not using justify="start" labelPlacement="end" and do this as a workaround.

              <ion-checkbox 
              </ion-checkbox>
             <ion-label>{{item.name}}</ion-label>

@ionitron-bot ionitron-bot bot added triage New issues and removed needs: reply Issues that need more information from the author labels Mar 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage New issues
Projects
None yet
Development

No branches or pull requests

2 participants