You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
Expected Behavior
The view should be consistent between API version.
Steps to Reproduce
Using ion-checkbox with said property and test in API 31 & 33 should reproduce this bug.
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.
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.
Describe the Bug
Ion-checkbox justify property does not work properly on Android 12 (API 31)
![Screenshot 0006-02-19 at 9 17 46](https://private-user-images.githubusercontent.com/28124244/305757558-65adfa83-a19e-473b-866e-cb4075d34960.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM5OTYzMjQsIm5iZiI6MTcyMzk5NjAyNCwicGF0aCI6Ii8yODEyNDI0NC8zMDU3NTc1NTgtNjVhZGZhODMtYTE5ZS00NzNiLTg2NmUtY2I0MDc1ZDM0OTYwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE4VDE1NDcwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQzYWI4ZTFjZDEyNTc5Zjc0YWYyZjU5YjI0NWUyMWI2ZDFkNTUyNDRjNDA0MmExYThkYzQ0YjhjNzM1ZTNmZjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.iTZrnO8_DjQ7u57z01JQT_9YFfepZjbtpuuzHlOEerA)
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.Expected Behavior
The view should be consistent between API version.
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",
The text was updated successfully, but these errors were encountered: