RomanK RomanK - 4 months ago 12x
HTML Question

Drop Down Menu Cutting Off Letters In Windows Chrome

Drop down menu broken on Windows Chrome. Works perfectly fine on MAC Chrome and the letters aren't cut off. The problem:


The word, select, should be completely visible.

The CSS is basic:

.form-control {
height: 30px;
width: 50%;
padding: 8px 12px;
font-size: 13px;

With standard bootstrap.


height: 30px; is likely your issue.

A quick look at the default .form-control in my Chrome inspector shows the elements as being 34px high. You've made the .form-control elements too small to display the entirety of their contents.

In general, you should avoid explicitly setting the height of these.