Select2需要两次单击才能从搜索字段中移除焦点

Question

客户端要求重新设计select2输入以适应其余设计，因此我使用sass用自定义css覆盖默认css。

它太复杂了，所以我宁愿不把它贴在这里。。。

我没有接触过原始的javascript，也没有试图覆盖它，但现在需要在多选框外单击2次才能模糊输入字段。第一个从父div中删除".select2 container active"类，并将输入字段缩小到10px宽度，但保留闪烁的插入符号。第二个最终模糊了它。

还有两个相关的问题："半焦点"插入符号比它想象的要大，并且输入字段的宽度在开始键入时通过样式属性动态地"硬编码"到最大值，这会导致跳转到新行。

有什么想法该做什么或去哪里看吗？

Answer 1

这就是我所做的更改（这个问题是我在ipad版本的网站中遇到的）

只需复制粘贴它就可以使用select标记了。

您需要删除select2容器活动，然后模糊"：焦点"

$('select').select2().on("select2-close", function () {
    setTimeout(function() {
        $('.select2-container-active').removeClass('select2-container-active');
        $(':focus').blur(); 
    }, 1);
});