ドロップダウンの高さを画面の高さに合わせて選択します

Question

Good Day！

「selectize」プラグインを使用してドロップダウンを選択しました。 ドロップダウンのコンテンツの高さを画面の高さに基づいて設定するにはどうすればいいですか？ドロップダウンには多くの項目がありますので、短いものよりはるかに長いリストに表示するのがいいでしょう..

現在私が持っているもの。

所望の出力

私はそれが同様に動作doesntの、単にコンソール上で再生から、コードの下に使用して試みたが。

.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;*/ 

} 

ありがとうございました！

Answer 1

私は希望

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

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

で入れを達成するために管理