css - jQuery UI 自动完成最后一个选项超出高度

Question

我在几个下拉菜单中使用 jQuery UI Autocomplete 1.12.1，其中一些有很多选项。为了适应滚动，我们在样式表中添加了以下内容:

.ui-autocomplete {
    height: auto;
    max-height: 180px;
    overflow-x: hidden;
    z-index: 1002;
}

现在发生的事情是，当您将鼠标悬停在较短列表中的最后一个选项上时，它会触发垂直滚动条，如下图所示:

我怀疑库计算的元素高度/宽度在某处丢失了 2 个像素，也许是从边框开始？关于如何解决此问题的任何想法？

Answer 1

为了解决这个问题，我们使用了两个单独的 css 类 - 一个用于需要滚动条的下拉列表，另一个用于已知只有几个选项的下拉列表。