Select2需要2次点击才能从搜索字段中删除焦点

时间:2014-04-15 11:18:25

标签: css focus blur caret

客户端要求重新设置select2输入以适应其余的设计,所以我用自定义的css覆盖了默认的css。

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

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

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

任何想法做什么或在哪里看?

1 个答案:

答案 0 :(得分:1)

这是我做的更改(我的网站的ipad版本遇到了这个问题)

只需复制粘贴,因为它适用于选择标记。

你需要删除select2-container-active,然后模糊":focus"

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