Как сделать чтоб overflow: hidden, scroll работало правильно в Safary?

Question

[Дмитрий]

Добрый день.
Не работает правильно свойство overflow в Safary
В фильтре color более 400 вариантов выбора цвета, список цветов прячется заданием высоты блока и свойством overflow-y: scroll;
Во всех браузерах список цветов прячутся без проблем, а в Safary список растягивает страницу на количество цветов.
Сайт webdevstart.com.ua/search.html
Подскажите как побороть эту проблему.

Comments

[Ankhena]

Версию Сафари озвучьте?

[Дмитрий]

Ankhena, Safary 11.1.2

[Ankhena]

Дмитрий, в 11, 12 и 13 смотрела - не увидела проблемы со скроллом блока с цветами.

[Дмитрий]

Ankhena, Со скроллом проблем не было, сама страница скроллилась далеко ниже футера, после футера было большое пустое пространство. Сейчас все ок. Спасибо что не проигнорировали. Очень полезный ресурс.

Answer 1

[Alexander Sharomet]

Список цветов у вас выводится с помощью ul>li, в каждом li есть input со свойствами position: absolute; именно из за этого свойства страницу и разрывает. добавьте для ul или li position: relative;

.catalog-facets__group-list {
...
position: relative
}

А вообще у вас куча других проблем. Продукты на safari разъехались, заголовок перекрывает контент, breadcrumbs - уехал куда-то.

Comments

[Дмитрий]

Скажите какая версия Safary у вас и разрешение экрана. У меня ничего не плывет.
За relative спасибо, решилась проблема.

[Alexander Sharomet]

Дмитрий, safari 7.1
Это старая версия. Возможно в более новой всё норм)
Просто свои проекты я тестирую в этой версии

[Дмитрий]

Ок. Спасибо