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

Добрый день.
Не работает правильно свойство overflow в Safary
В фильтре color более 400 вариантов выбора цвета, список цветов прячется заданием высоты блока и свойством overflow-y: scroll;
Во всех браузерах список цветов прячутся без проблем, а в Safary список растягивает страницу на количество цветов.
Сайт webdevstart.com.ua/search.html
Подскажите как побороть эту проблему.
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
sharomet
@sharomet
Front-End
Список цветов у вас выводится с помощью ul>li, в каждом li есть input со свойствами position: absolute; именно из за этого свойства страницу и разрывает. добавьте для ul или li position: relative;
.catalog-facets__group-list {
...
position: relative
}

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы