展開された「Chosen」要素の最大の高さを設定するにはどうすればよいですか（jQueryプラグイン）

Question

現時点では、JQueryダイアログボックス内でChosen JQueryウィジェットを使用しています。ドロップダウンボックスを開くとすぐに、ドロップダウンのサイズによってダイアログボックスがオーバーフローし、次のようになります（2つのスクロールバーがあることに注意してください）。 、1つはドロップダウンボックス用、もう1つはダイアログボックス用で、スクロールがほとんど役に立たなくなります。

設定する方法はありますか：

• スクロールする前に表示されるアイテムの最大数、
• 選択/選択したドロップダウンボックスの最大の高さ、または
• 含まれている要素の1つの最大の高さ

このように表示されます（これはフォトショップです。これは私が見たいものです）：

つまり、スクロールする前に表示される項目は8つしかないため、ダイアログウィンドウでオーバーフローは発生しません。

Answer 1

この問題は次の方法で解決しました。

.chosen-container .chosen-results {
    color: #444;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
   -webkit-overflow-scrolling: touch;
}

Answer 2

ミゲルの答えは私にはうまくいきませんでしたが、代わりにこれはうまくいきました：

.dropdown-menu {
    max-height:250px !important;
    overflow-y: scroll;
}