Когда select2 инициализируется на select, который находится внутри label select2 становится несфокусированным при нажатии.
select
label
$(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 оставался сосредоточенным.