まずは問題が起こった環境を書きます。
- Windows10 or Windows7
- InternetExplorer11
- MicrosoftIME
- Bootstrap3 Modal
- Select2 4.0.3
Bootstrap3のModalとSelect2の組み合わせで、経験のある人は「tabindex=”-1″」を削除すれば解決だと思うかもしれません。
ところがIEとMicrosoft IMEを組み合わせた場合、Select2の検索ボックスにカーソルを合わせてもIMEが有効になりませんでした。IMEの変更、あるいはブラウザの変更で解決したので、この組み合わせのみ起こる問題のようです。
IEとMicrosoft IMEであっても、Modalを使用しなければ普通に使えるので、かなり限られた環境で起こる問題のようです。
解決方法としてはModalの「tabindex=”-1″」を削除するとともに、Select2のオプションにdropdownParentを追加します。
[javascript]$(“#list”).select2({
ajax: {
},
dropdownParent: $(“#Modal”) // ModalのIDを指定
});[/javascript]