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）也可以解决问题