我使用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模板引擎编写的(但我认为它不是重要的部分)
如here所述,解决方案是添加此css:
span.form-control {
height: 0px;
}
.dropdown-menu.open {
max-height: none !important;
}
但升级到最新版本(此时为1.13.5)也解决了这个问题