Диалоговое окно jQuery UI с абсолютно позиционированным дочерним элементом частично скрывает переполненный дочерний элемент - PullRequest
6 голосов
/ 19 мая 2011

У меня есть стандартное диалоговое окно jQuery UI. Внутри этого диалога у меня есть пользовательская кнопка пользовательского интерфейса jQuery, которая позволяет мне выбрать тип события для календаря. Я использую утилиту позиционирования пользовательского интерфейса jQuery, чтобы абсолютно позиционировать div, который содержит список доступных типов событий, как вы можете видеть на картинке.

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

Мой вопрос: что здесь происходит? Почему мой div скрыт за нижним краем диалога?

screenshot of issue

Ответы [ 2 ]

6 голосов
/ 19 мая 2011

Похоже, это было переполнение: скрыто на внешнем элементе диалога.Установка для переполнения: видимый решил проблему.

1 голос
/ 19 мая 2011

Содержит ли ваш содержащийся элемент диалога (с Z-индексом 1002) значение overflow: hidden;, установленное где-либо в его CSS?

...