html - Bootstrap 4 form select cuts off in Firefox -


every select form have on site cuts off in firefox. tested in firefox 55.0.3 mac (64 bit) , windows (32 bit) same results.

using bootstrap 4 beta

enter image description here

here code:

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

i've been searching web solutions didn't see addressing specific problem.

please provide css applying select , .form-control

trying adding css

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

Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -