Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Mini Button text is truncated on Android 4.4.2 #7746
On Android 4.4.2 (and possibly other versions), mini-buttons seem to have their text truncated. Based on some experimentation, it appears to be related to the 12.5px font size used for these buttons. WebKit doesn't seem to handle them very well; by default I believe it rounds to the nearest integer size. Either way, it looks like the button isn't sized correctly, and thus the text is truncated.
Captured from the simulator (api19-x86) with this UA:
If you change the font size to 13px, then it renders correctly. And it renders correctly at 12.5px in pretty much every other browser I tried. I wasn't able to repro this in Chrome 30 on any other platform, so it must be something specific with the Android port or the version in that OS build.
Is there a specific reason for the decimal font size for mini buttons?
The problem is gone on Android 5 so it's only an issue on 4.4.
To be honest I don't know why 12.5px has been chosen as font-size for mini when the project started. We could consider changing it to 13px to avoid issues like this one.