jquery自动完成插件-选项列表在滚动后不会关闭-只有Chrome

Question

我正在使用jquery自动完成插件(http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/)，它在火狐中很好，但我在chrome上遇到了问题。出现的选项列表比一次显示的时间更长，因此旁边有一个滚动条。使用滚动条滚动列表后，当单击外部列表时，列表不再关闭。

我对此感到困惑--有人能告诉我怎样才能修好它，甚至能诊断出它为什么没有关闭吗？

干杯，麦克斯

编辑-这个问题可以在这个页面上的自动完成演示中看到：http://jquery.bassistance.de/autocomplete/demo/

这两种情况都与Chrome有关( linux中的6.0.472.62测试版，windows中也有)。

案例1-正常工作:在第一个输入中输入'a‘。见出现的列表。把鼠标移到‘阿德菲’。将鼠标横向移出列表--“阿德菲”仍应高亮显示。单击页面的空白部分-列表将消失。

例1-中断:在第一个输入中键入'a‘。见出现的列表。向下滚动列表，直到“阿姆斯特丹”可见。将鼠标向下移动到‘阿姆斯特丹’，这样它就会突出显示(但不要点击它)。将鼠标横向移出列表--“阿姆斯特丹”仍应突出显示。单击页面的空白部分-列表不会消失。这就是我遇到的问题。

Answer 1

首先，即使我用Chrome编辑器将输入大小设置为50px，也可以很好地工作。没有水平滚动。

尽管如此，如果我必须找到解决办法，我会看到所有的选项。

1. 在formatItem处理程序中使用javascript截断结果：数据选项
2. 通过css设置列表属性:类似于body > .ac_results > ul > li {overflow: hidden}