2

I have some code using Materialize CSS. I want to show a select with 15 options, but when I select it is cut off. The code in the container is inside a main tag.

enter image description here

       $('select').material_select();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css" rel="stylesheet"/>

 <div class="container">
 <div class="row">
   <div class="input-field col s12 m6">
     <select>
       <option selected="" disabled="" value="">Choose your option</option>
       <option value="1">Option 1</option>
       <option value="2">Option 2</option>
       <option value="3">Option 3</option>
       <option value="4">Option 4</option>
       <option value="5">Option 5</option>
     </select>
     <label>Browser Select</label>
   </div>
 </div>
</div>
rvighne
  • 20,755
  • 11
  • 51
  • 73
danielbmz
  • 31
  • 1
  • 1
  • 8
  • Possibly relevant: http://stackoverflow.com/questions/28258106/materialize-css-select-doesnt-seem-to-render/28259097#28259097 –  Aug 12 '16 at 19:02

0 Answers0