Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Chrome on Android misaligns/cuts off select form-control-lg/form-control-sm
See original GitHub 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.
Issue Analytics
- State:
- Created 6 years ago
- Comments:7 (2 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
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.
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 😃