Select2不再专注于点击

Question

在select内的label上初始化select2时，单击select2将使其失去焦点。

$(document).ready(function() {
  $("select").select2();
  $(".select2-hidden-accessible").removeClass("select2-hidden-accessible");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/js/select2.full.min.js"></script>

<label>
  <select>
    <option value="">None</option>
    <option value="Zagreb">Zagreb</option>
    <option value="Zadar">Zadar</option>
    <option value="Bibinje">Bibinje</option>
  </select>
  <br><br>
</label>

我尝试添加以下事件，但没有成功。

.on("select2:open", function(e) {
    $(e.target).select2('focus');
});

我的问题是这种情况下的任何解决方法。我希望select2保持专注。