select2模态在鼠标光标上打开,并立即在mouseup上选择项目

时间:2016-03-09 21:56:52

标签: javascript jquery html ruby-on-rails select2

我在Ruby on Rails项目中使用select2.full.min.js,以便为我的select标签提供一个搜索功能。我正在以最普通的方式初始化它:$( 'select.select2' ).select2();

select2-ified标签似乎工作正常,除了一个问题 - 点击选择时的“模态”会在单击选择后立即打开鼠标光标下的选择元素。问题是,一个对象立即被选中并在鼠标释放时被提交给select标签。

我已经看过很多例子,其中模态总是弹出在select标签下方,我正在尝试实现这个功能,但我不确定我需要做些什么来实现这一点。我正在关注Select2网站上的示例,但是这里没有看到什么问题。

谁能告诉我怎么做到这一点?谢谢!

[编辑]经过一些调查,看起来当视口超出某个垂直尺寸时会出现问题。如果我缩小浏览器窗口,则会在元素上方弹出select2模式。在刷新页面之前,再次展开视口大小不会导致问题重新出现。

[EDIT2]这似乎与计算select2用来决定如何定位模态有关。它的放置方式如下:

position: absolute;
top: 350px;
left: 472px;

将视口底部向上拖动到模态底部会将其向上移动到select2元素上方,并且顶部值会相应更改。我可以用自己的CSS覆盖它来修复它。

0 个答案:

没有答案