-
-
Notifications
You must be signed in to change notification settings - Fork 78.8k
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
Chrome on Android misaligns/cuts off select form-control-lg/form-control-sm #24070
Comments
Hi! Is this the same issue as the one described here #23769 ? |
No, I don't think so; I have no issue in that page on desktop Chrome, this is specifically in Chrome on Android and the 'small selects' in that issue are not misaligned, as they are on Chrome on Android. |
Although, the "default' selects are misaligned in that issue, so maybe the only reason the 'small' is aligned okay is because all three text sizes are appearing slightly too big in that issue, on top of the issue I mention here. |
Can you verify if this affects the custom selects, too? https://getbootstrap.com/docs/4.0/components/forms/#select-menu |
|
Can y'all test out the changes in #24199? |
The toggle codepen above still shows the 1px out issue at 100% zoom on Chrome here but not at other zooms, so I think this is a rounding error as suspected, not sure if there's anything to be done about that. That's all that remains of this I think, so feel free to close if that's not considered an issue :) |
[I saw #23347 but thought this was different enough (doesn't affect text inputs, for one thing) that it might be solvable separately.]
When viewing a
<select class="form-control form-control-lg">
on Chrome (60) on Android, the text is not vertically centred; it is too low and so the bottom can be cut off. It is also not vertically centred when using<select class="form-control form-control-sm">
; this time it is too high. This can be seen by viewing the documentation page at https://getbootstrap.com/docs/4.0/components/forms/ on Chrome on Android, or in desktop Chrome by opening dev console and activating mobile mode, and looking at the select examples.I've provided a screenshot of my phone looking at the docs here.
The text was updated successfully, but these errors were encountered: