Помогите с jquery-ui-autocomplete выберите высоту меню

Question

Я работаю с jQuery и ui-autocomplete в проекте Rails.Прямо сейчас, когда выполняется автозаполнение, он открывает раскрывающийся список и отображает предложения, но раскрывающееся меню располагается под нижним колонтитулом.

Я видел это: http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

и думаю, что«всплывающее окно с набором maxHeight» было бы идеально, но я не могу найти, где разместить параметр maxHeight и требуется ли для показа только число или что.Я считаю, что мне нужно внести изменения и в jquery-ui.js.

Любые указатели, помощь или ссылки очень помогли бы!Спасибо!

PS Поскольку у меня низкий представитель, я не могу опубликовать фотографию с этим, но могу с радостью отправить ее по электронной почте или отправить другим способом, чтобы показать кому-либо

Answer 1

Вы можете стилизовать класс .ui-autocomplete, чтобы сделать это, что приведет к максимальной высоте.

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}