Как сделать так, чтобы блок не обрезался?

Question

[Максим Шадрин]

Всем привет. Стилизую элементы формы с помощью jquery плагина styler.
Все бы хорошо, но есть косяк с selectom, который находится в самом низу. Выпадающий список просто обрезается. Понятно, что где-то стоит overflow: hidden, он стоит у ul, лежащего внутри jq-selectbox__dropdown
Но изменение overflow не помогают, такое ощущение что режется сам jq-selectbox__dropdown, хотя для него таких стилей не прописано. У меня не получается решить эту проблему без костылей(тупо вставить пустое место внизу страницы), что не подходит в данной ситуации.
Вот проблемная страница: sandbox.maximshadrin.ru/tahos/settings.html
В самом низу при выборе способа доставки:

Comments

[Максим Шадрин]

1 1: не понял вас. Ошибка и сейчас присутствует. Просто, если иногда выпадающий список появляется вверх, а не вниз. Это работа плагина, как он определяет куда ему выскакивать, я не очень понимаю.

Answer 1

[Emptyform]

overflow нужно указывать для <div id="main">
Но это все неправильно. Это ж главная беда всех самописных селектов.

Чтобы без overflow работало, нужно чтобы выпадающий блок был спозиционирован не absolute, а fixed но боюсь тебе тогда сильно придется там все переделывать.

Comments

[tester_toster]

А чем плох absolute? Можно с помощью скрытого checkbox сделать выпадающий список совсем без js, overflow зачем просто так пихать - не понимаю. У меня всегда как-то без него все версталось.

[Максим Шадрин]

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

[Emptyform]

tester_toster: absolute обрезается родительским блоком, а fixed - нет

[tester_toster]

Emptyform: только если стоит overflow: hidden