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

如前所述here ，解决方案是添加此 css:

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

但升级到最新版本(此时为 1.13.5)也解决了问题