Input2でSelect2を使用する方法

Question

InputMaskのSelect2ボックスを作成して、IPアドレスを挿入してタグとして追加しようとしています。

私が単独でライブラリを使用すると、それは魅力的なように機能しますが、両方とも一緒に奇妙な動作が発生します。

数字を入力すると、マスクは塗りつぶされず、むしろ拡大するように見えます。

選択肢のタイプを<input class=“select2-search__field“>からsearchに変更しました。textに変更しました。 Fiddle

HTML：：

<select multiple id="sel1" style="width:100%"></select> 

JS：

私は挙動を示すためにフィドルを作成しInputmaskライブラリは、これが必要になりますが、種類が functionally identical.

であるため、それがエラーを起こすべきではありません

$("#sel1") 
.select2({ 
    tags: true 
}) 
.on("select2:open", function() { 
    $(".select2-search__field") 
    .attr("type","text") 
    .inputmask({alias: "ip", greedy: false}); 
}) 

私のローカルの例では、ライブラリをsearchをサポートするように変更しましたが、動作は同じです。

何か不足していますか？

Answer 1

バージョン4.0.5を使用する必要がある場合は、新しいことがあります。バージョン4.0.2

にSELECT2をダウングレードすることによりjsfiddleで修正

主なものは、バージョン< = 4.0.2 4.0.6-RC件まで以降4.0.3を試み

https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.js

あります。 1は運がない。

select2でissue select2#5216を公開しました。

私はわずかな変更を行いましたが、それは問題自体とは関係ありません。

 $(".select2-search__field").attr('type', 'text'); 
     $(".select2-search__field").attr('style', 'width: 10em;'); 
     $(".select2-search__field") 
     .inputmask({ 
      alias: "ip" 
     });