選択後にピントを合わせるSelect2

Question

選択後にフォーカスを保持しているSelect2に問題があります。私は、アプリケーションにいくつかの長いフォームをタブで表示する必要があります。今、Select2で選択が行われると、フォーカスが失われ、次のフィールドに移動することはできません。

これはサンプルページでテストできます。標準選択フィールドでは、選択が行われた後にタブ移動が可能になり、Select2フィールドは現在実行されます。

Edit：私がSelect2を使用する領域の例。

HTML：

<div class="form-group"> 
    @Html.LabelFor(m => m.Addresses[i].City) 
    @Html.TextBoxFor(m => m.Addresses[i].City, new { @class = "form-control jsAddressCity" }) 
    @Html.ValidationMessageFor(m => m.Addresses[i].City) 
</div> 

<div class="form-group"> 
    @Html.LabelFor(m => m.Addresses[i].StateId) 
    @Html.DropDownListFor(m => m.Addresses[i].StateId, new SelectList(Model.StatesList, "Id", "Code", Model.Addresses[i].StateId), "Select State", new { @class = "form-control jsAddressStateId jsSelect2" }) 
    @Html.ValidationMessageFor(m => m.Addresses[i].StateId) 
</div> 

<div class="form-group"> 
    @Html.LabelFor(m => m.Addresses[i].Zip) 
    @Html.TextBoxFor(m => m.Addresses[i].Zip, new { @class = "form-control jsAddressZip" }) 
    @Html.ValidationMessageFor(m => m.Addresses[i].Zip) 
</div> 

JS：

 $(".jsSelect2").select2({ 
      width: "100%", 
      theme: 'bootstrap' 
     }); 

Answer 1

私は同じ問題がありました。バージョン4.0.3のバグです。代わりにselect2 4.0.2を使用してください。