Some text/letters are clipped when using .custom-select

[niteraven78]

See the screenshot below- particularly the lowercase g. It seems to be caused by -webkit-appearance: none;

Windows 10/Chrome latest version

[sa7bi]

same here :(
To solve it, I had to add a custom height

[dumb]

Can confirm this also happens in the latest OSX Chrome (v53.0.2785.143), but not in the latest Safari or Firefox.

Throwing .custom-select { height: 2.5rem; } into the stylesheet works as a band-aid for the normal size (thanks sa7bi), but form-control-sm is still cut off & might need some padding adjustment.

[gregpettit]

I still see this in Beta 2. Possible regression? When I see it, the clipping also occurs in a normal-sized text field (form-control with type text). Per the original discussion thread, setting custom heights fixes the issue, whether smaller (line-height: 1) or larger (line-height: 1.3). For whatever reason it's 1.25 that seems to cause the scenario along with Segoe UI (the default for Windows, I believe?).