sélectize dropdown hauteur base sur la hauteur de l'écran

Question

Bonne journée!

Je sélectionne un menu déroulant à l'aide du plug-in "selectize". comment puis-je définir la hauteur du contenu de la liste déroulante sur la hauteur de l'écran, puisque j'ai beaucoup d'éléments dans mon menu déroulant, il serait bon de les présenter dans une liste beaucoup plus longue qu'une courte liste ..

actuellement ce que j'ai .

souhaitée sortie

J'ai essayé d'utiliser le code ci-dessous, juste de jouer sur la console, mais il ne fonctionne pas aussi bien.

.selectize-dropdown, .selectize-dropdown.form-control{ 
     height: -webkit-fill-available !important; 
     height: -moz-available !important; 
     height: fill-available !important; 
} 

.selectize-dropdown-content{ 
    /* height: -webkit-fill-available !important; 
     height: -moz-available !important; 
     height: fill-available !important;*/ 

} 

suggestions s'il vous plaît, Merci!

Answer 1

je parviens à atteindre le désiré eteint par

.selectize-dropdown, .selectize-dropdown.form-control{ 
    height: 90vh !important; 
} 

.selectize-dropdown-content{ 
    max-height: 100% !important; 
    height: 100% !important; 
}