jQuery 自动完成插件 1.2.3 响应宽度下拉

Question

目前github上有人用过这个autocomplete插件吗？当您调用自动完成功能时，您可以传递以下拉框像素为单位的宽度变量，即“width:200,”。

我希望下拉菜单与输入字段大小相同。当您知道输入字段的宽度时，这很好用，但是当使用根据您使用的设备改变宽度的响应式输入字段时，您将如何将其设置为当前输入字段的宽度？

Answer 1

我尝试了很多不同的方法来解决这个问题。我认为我遇到的最好的解决方案是将宽度设置为非常小的尺寸，它实际上会调整大小/调整到更大的分配宽度。

示例 CSS:

.ui-autocomplete {
    max-height: 400px;
    width: 200px; /* just setting it very small it will resize to the input field*/
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 1000;
}