У меня есть стандартное диалоговое окно jQuery UI. Внутри этого диалога у меня есть пользовательская кнопка пользовательского интерфейса jQuery, которая позволяет мне выбрать тип события для календаря. Я использую утилиту позиционирования пользовательского интерфейса jQuery, чтобы абсолютно позиционировать div, который содержит список доступных типов событий, как вы можете видеть на картинке.
Когда отображается тип события div, любой контент, длина которого превышает доступное пространство, исчезает под краем диалога. Я ожидал бы этого, если бы это был iframe, или если у абсолютно позиционированного родителя был более высокий z-индекс. Однако диалоговое окно jQuery UI представляет собой простой абсолютно позиционированный div с z-индексом 1002 (по умолчанию), а div моего виджета, который отображает типы событий, является абсолютно позиционированным div с z-индексом 1003. Я ожидаю что мой div будет иметь более высокий приоритет в порядке размещения.
Мой вопрос: что здесь происходит? Почему мой div скрыт за нижним краем диалога?