Диалоговое окно JQuery UI с полем выбора автозаполнения

Question

Мне нужно реализовать окно выбора автозаполнения внутри диалогового окна jqueryUI.

Посмотрите здесь: http://jsfiddle.net/zcgWa/

В настоящее время диалога перелив поля выбора. (щелкните поле выбора) Я нашел решение, удалив jqueryUI стиль переполнения: скрытый.

.ui-dialog { 
overflow: hidden; 
position: absolute; 
top: 0; 
left: 0; 
padding: .2em; 
outline: 0; 
} 

Но переполнение является уроженцем стилей диалога, который поставляется по умолчанию, поэтому я думаю, что это не идеальное решение. У меня также есть много других диалогов всплывающих окон по проекту, и удаление oveflow может привести к тому, что некоторые из них не будут работать должным образом.

Есть ли еще лучшее решение?

Спасибо.

Answer 1

Мне удалось исправить это, добавив <input>, который представляет выпадающее меню для обертки после создания автозаполнения и всплывающей подсказки. т.е. Переместить строку 18 вашего JS Fiddle

.appendTo(this.wrapper) 

к строке 30 (после этого):

.tooltip({ 
    tooltipClass: "ui-state-highlight" 
}) 
.appendTo(this.wrapper); 

См http://jsfiddle.net/nA5L2/1/