Rails 4，集合 Select，和 Select2 插件：填充的下拉列表出现在文本字段上

Question

所以我有很长的属性列表（2000 多个），当我单击文本字段时 "Select Affected Properties..." 下拉列表显示正确填充的数据。这很好。

现在，为什么填充的下拉菜单悬停在文本字段上方而不是下方？我没有添加任何自定义 CSS。

_form.html.erb

中的collection_select标签

<div class="form-group">
    <%= f.label :property_id %><br>    
    <%= collection_select(:ticket, :property_ids, Property.all, :id, :property_name_and_address, {}, {:multiple => true, class: "form-control"}) %>
</div>

tickets.js中的javascript

$("#ticket_property_ids").select2({
  placeholder: "Select Affected Properties, You Can Search By Name or Address Via Typing "
});

非常感谢任何关于此事的意见。

Answer 1

好的，问题是我使用的是 select2.full.min.js 而不是 select2.min.js 的 select2 js 文件。切换到非完整版本解决了这个问题。

根据文档：

You should only use this build if you need the additional features from Select2, like the compatibility modules or recommended includes like jquery.mousewheel

Rails 4，集合 Select，和 Select2 插件：填充的下拉列表出现在文本字段上

Rails 4, Collection Select, and Select2 Plugin: Populated Dropdown Appears over Textfield

ruby-on-rails

collection-select

select2