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

Question

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

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

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

我怀疑库计算的元素 height/width 在某处丢失了 2 个像素，也许是从边界？知道如何解决这个问题吗？

Answer 1

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