CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
JLZenor
JLZenor

Reputation: 1480

Bootstrap 4 form select cuts off in Firefox

Every select form that I have on my site cuts off in Firefox. Tested in Firefox 55.0.3 for Mac (64 bit) and Windows (32 bit) with the same results.

Using Bootstrap 4 beta

enter image description here

Here is my code:

<div class="form-group">
   <label for="genre">Genre</label>
   <select name="genre" id="genre" class="form-control">
       @foreach ($genres as $genre)
          <option value="{{ $genre->id}}" {{ $selected }}>{{ $genre->name }}</option>
       @endforeach
   </select>
</div>

I've been searching the web for solutions but didn't see anybody addressing this specific problem.

Upvotes: 1

Views: 784

Answers (1)

itodd
itodd

Reputation: 2373

Please provide your CSS that you are applying to this select and .form-control

Trying adding this to your CSS 

.form-control {
    height: auto;
    min-height: 36px;
}

Upvotes: 3

Related Questions