Показать встроенный блок выбора при переполнении, из всплывающего контейнера

Question

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

Мой реальный код (я не могу вставить сюда свой код по соображениям безопасности) имеет:

• Z-индекс в поле выбора будет больше по сравнению с всплывал container's один, так его рендеринг поверх всплывающих окон без проблем.

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

Желаемое поведение, когда всплывающее окно высота меньше, чем нужно, чтобы показать все поле выбора. Мне нужно показать окно выбора, не скрывая.

Если я не применил меню jquery ui select, он работает должным образом.

Для получения более подробной информации, пожалуйста, обратитесь к приведенным ниже изображениям.

• 1.When имеющий enoug всплывающее окно.

• 2.when popup size is less, select is hide.

• 3.Что я ожидаю.

Пожалуйста, предложите мне, что я могу сделать, чтобы решить эту проблему.

Answer 1

Добавить CSS свойство overflow-y:visible на главном всплывающий DIV:

Это позволит сделать внутреннее содержание, которое находится за пределами основных ДИВОЙ верхние/нижние пределы, которые будут оказаны.

popupSelector { 
    overflow-y: visible; 
} 

Вот documentation о переливе-у