Select2のSearchboxでIMEが有効にならない

まずは問題が起こった環境を書きます。

  • 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]

スポンサーリンク