select2 3.5 -> 4.0 から切り替え中です。ブーストラップモーダルで使用すると問題が発生する状況に遭遇しました。
3.5 では、次のようなものを使用して、適切に機能できるようにしました。
.modal-open .select2-drop-mask {
z-index: 10051;
}
.modal-open .select2-drop {
z-index: 10052;
}
.modal-open .select2-search {
z-index: 10053;
}
4.0 でクラスとその他の多くのものが変更され、これはもはや何もしません。問題は z-index に関連していると思いますが、よくわかりません。私はモーダルの外側で同じことをテストしましたがselect、意図したとおりに動作するため、css 関連であると想定しています。入力は表示されますが、ドロップダウン、検索などは表示されません。他の誰かがこれに遭遇し、解決策を見つけましたか?
編集jsfiddle：
これは私のユース ケースとは少し異なりますload()。リモート コンテンツをモーダルに挿入して表示するために使用しますが、ここでも同じ問題が発生します。何かを入力するために検索入力にフォーカスすることはできません。奇妙なことに、Internet Explorer 11 では動作するが、最新の Firefox、Chrome、または Safari では動作しないことに気付きました。