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-select radio button inner sometimes not exactly centered #30122

Open
3 tasks done
SamTheWizard opened this issue Jan 9, 2025 · 0 comments
Open
3 tasks done
Labels

Comments

@SamTheWizard
Copy link

Prerequisites

Ionic Framework Version

v8.x

Current Behavior

The radio button inner of a selected element is on some display resolutions not perfectly centered:
image

Expected Behavior

The radio button inner should be centered on all devices

Steps to Reproduce

look at radio buttons on different devices. Easily reproduceable if application is run in a web browser

Code Reproduction URL

https://stackblitz.com/run?file=package.json

Ionic Info

Ionic:

Ionic CLI : 6.18.0

Utility:

cordova-res : 0.15.4
native-run : 1.5.0

System:

NodeJS : v18.17.1
npm : 10.0.0
OS : Windows 10

Additional Information

It seems as the inner of the radio button is positioned absolute with pixels, i temporarily fixed the problem by positioning it with the following css:
.alert-radio-icon {
display: flex;
align-items: center;
justify-content: center;
}

.alert-radio-inner {
  position: unset;
}
@ionitron-bot ionitron-bot bot added the triage label Jan 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant