Можно ли ограничить высоту виджета selectmenu с помощью jQuery UI?

Question

Я пытался сделать это, установив size атрибут источника select элемент, но это игнорируется. Кажется, нет никакой опции установки высоты для виджета. Является ли это возможным?

В настоящее время виджет работает внутри диалогового окна div, в котором переполнение скрыто, поэтому выпадающий список (всегда 26 элементов) просто исчезает из div.

Answer 1

В jQuery UI Selectmenu отсутствует опция, аналогичная по размеру (она показывает больше, чем просто кнопка, а только "панель выбора"). Но можно изменить высоту сгенерированной кнопки с помощью CSS.

Другая идея - изменить механизм рендеринга, как предложено @Michael.

Демо-скрипка была бы полезна. Когда ваша настоящая проблема - переполнение div, вы можете попробовать добавить меню в другой элемент, используя опцию appendTo, см. Http://api.jqueryui.com/selectmenu/#option-appendTo.

Answer 2

Как насчет некоторых CSS...

.ui-selectmenu-open{
        max-height: 350px;
        overflow-y: scroll;
    }