Malzeme seçimi kaydırma sorunu

Question

Çok sayıda seçeneğe sahip bir seçim kullanan bir web uygulaması üzerinde çalışıyorum. Sorun, MaterializeCSS 'seçiminin kaydırılabilir gibi görünmesinden dolayı ekranda bazı seçenekler görülemiyor. Bunu nasıl düzeltirim?

HTML ve PHP

<div class="main container"> 
<div class="section"> 
    ... 
    ... 
    <div class="row"> 
    <div class="input-field col s12 m8 offset-m2 l6 offset-l3"> 
     <select> 
     <option value="" disabled selected>Choose a degree program</option> 
     <?php 
     foreach ($degrees as $degree){ 
      echo '<option value="'.$degree.'">'.$degree.'</option>'; 
     } 
     ?> 
     </select> 
     <label>Degree program</label> 
    </div> 
    </div> 
</div> 
</div> 

CSS

body { 
    display: flex; 
    min-height: 100vh; 
    flex-direction: column; 
} 
.main { 
    flex: 1 0 auto; 
} 

Answer 1

 .select-dropdown{ 
     overflow-y: auto !important; 
    } 

yüzden kredi iddia edemez başka bir web sitesinde buldum. Final comment on this page

Answer 2

Lütfen materialize.css içinde .dropdown-content'u bulabilirsiniz.

max-height:650px'u görüyorsunuz ve kutu boyutunu küçültmek istediğinizi kaldırın/güncelleyin.

Bu stil projemde giderildim. Tamam! Teşekkür .....

materialize.css kaldırılan/güncellenmiş max-height:650px mülkiyet önce Before

.dropdown-content { 
    max-height: 650px; 
} 

Ve max-height özelleştirmek: materialize.css içinde 250px After

.dropdown-content { 
    max-height: 250px; 
}