jquery - Bootstrap-select 不能正确显示最后一个选项元素

Question

我使用 Bootstrap-select 插件来选择输入元素。问题是即使选项列表也相对较小，当我必须选择最后一个元素时，它会显示一半。最后一个元素和表单本身总是在最后被切割。

<div class="form-group">
    <label for="city">City:</label>
    <select class="form-control selectpicker city" data-live-search="true" name="city">
    <option value="">--- Select all ---</option>
    <option data-th-each="city : ${cities}" data-th-value="${city}" data-th-text="${city}"></option>
    </select>
</div>

PS - 上面的代码是为 Thymeleaf 模板引擎编写的（但我认为这不是重要的部分）

Answer 1

如此处所述，解决方案是添加此 css：

   span.form-control {
     height: 0px;
   }
   .dropdown-menu.open {
     max-height: none !important;
   }

但是升级到最新版本（此时为 1.13.5）也解决了这个问题