RomanK RomanK - 5 months ago 15
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:

picture

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.

Answer

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.

Comments