У меня есть диалог, и внутри него есть выпадающий список. Первоначально мой диалог переполнен в направлении y. Но когда я добавлю положение: абсолютное (или относительное) и больший z-индекс к моим опциям для моего выпадающего меню, оно не будет лежать в верхней части диалогового окна. Это вызывает полосу прокрутки в направлении y, потому что параметры слишком длинные для диалога. Z-индекс работает только в том случае, если диалоговое окно переполнено: не установлено. Разве нет способа одновременно прокрутить содержимое в диалоговом окне, если содержимое слишком длинное, а также отобразить параметры в верхней части диалогового окна, если оно открывается, открытое?
<div class="think-of-this-as-dialog" style="overflow-y: auto; z-index: 1">
<div class="think-of-this-as-dropdown" >
<div class="think-of-this-as-list-of-options" style="position: absoute; z-index: 100"></div>
</div>
</div>
Я вижу, что проблема в том, что диалоговое окно имеет переполнение-y: auto, так что параметры запускают прокрутку. Но мне нужна функция прокрутки, когда содержимое в диалоговом окне становится слишком длинным.
Если я уберу overflow-y: auto, то это сработает, но, как уже упоминалось: мне нужна функциональность.