Select2カスタムスクロールバーでスクロールしないオプション

Question

固定高さのDivがあり、カスタムスクロールを適用しました。

このDivコンテンツをマウスホイールでスクロールすると、select2オプション（開いたままにしておくと）は、それぞれのselect2ドロップダウンとともにスクロールしません。

ここに私の問題のJSFiddleがあります。

オプションを表示するには、ドロップダウンをクリックし、オプションを開いたままマウスホイールをスクロールしてスクロールします。ドロップダウンが上がってもオプションはスクロールしません。

解決方法はありますか？ありがとう！

$('.customize-content').mCustomScrollbar(); 

$('select').select2({ 
    minimumResultsForSearch: Infinity 
}); 

<div class="customize-content has-toggle"> 
    <div> 

    <select> 
     <option>Text 1</option> 
     <option>Text 2</option> 
     <option>Text 3</option> 
     <option>Text 4</option> 
    </select> 

    </div> 
</div> 

Answer 1

ドロップダウンのためのHTMLを使用すると、スクロールしている容器の外側に加え、絶対位置でオーバーレイさ

通報。

ソリューション

コンテナ内のドロップダウンを追加するオプションdropdownParentを使用します。 -

$('select').select2({ 
    minimumResultsForSearch: Infinity, 
    dropdownParent:$('#mCSB_1_container') 
}); 

Updated Fiddle