Плагин автозаполнения jquery - список опций не закроется после прокрутки - только Chrome - PullRequest
0 голосов
/ 07 октября 2010

Я использую плагин автозаполнения jquery (http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/), и это нормально в Firefox, но у меня проблема с Chrome. Список опций, который отображается дольше, чем можно отобразить сразу, поэтому имеет полосу прокрутки внизПосле того, как вы прокрутили список с помощью полосы прокрутки, список больше не закрывается, когда вы щелкаете за его пределами.

Я озадачен этим - может кто-нибудь сказать мне, как я могу это исправить, или даже диагностировать, почемуне закрывается?

ура, макс.

РЕДАКТИРОВАТЬ - эту же проблему можно увидеть в демонстрационной версии автозаполнения на этой странице: http://jquery.bassistance.de/autocomplete/demo/

Оба эти случая сChrome (бета-версия 6.0.472.62 в linux, но также видна в windows).

Случай 1 - работает нормально: введите «a» в первом входе. Появится список. Переместите мышь вниз к «Adelphi»Переместите мышь в сторону из списка - «Адельфи» все равно должен быть выделен. Нажмите на пустую часть страницы - список исчезнет.

Случай 1 - сломан: сначала введите «a»вход. См. список появляется,Прокрутите список вниз, пока «Амстердам» не станет видимым.Наведите курсор на «Амстердам», чтобы он выделился (но не нажимайте на него).Переместите мышь в сторону из списка - «Амстердам» все равно должен быть выделен.Нажмите на пустую часть страницы - список не исчезнет.Это проблема, с которой я сталкиваюсь.

1 Ответ

0 голосов
/ 07 октября 2010

С одной стороны, демо плагина работает нормально, даже если я установил размер ввода на 50px с помощью редактора Chrome css.Нет горизонтальной прокрутки.
Тем не менее, если мне нужно было найти обходной путь, я вижу целый ряд вариантов.

  1. Усечение результата с использованием JavaScript в обработчике formatItem: http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
  2. Настройка свойств списка через css: что-то вроде body > .ac_results > ul > li {overflow: hidden}
...