How to make overflow: hidden, the scroll will work correctly in Safari?

Good afternoon.
Does not work correctly overflow in Safari
In the filter color more than 400 choices in colors, list of colors hides by setting the height of the block and overflow-y: scroll;
In all browsers the list of colors that are hiding without problems, and in Safary list stretches the page in a number of colors.
The website webdevstart.com.ua/search.html
Tell me how to overcome this problem.
April 19th 20 at 12:08
1 answer
April 19th 20 at 12:10
Solution
A list of colors you have is displayed using a ul>li, each li is input with the properties position: absolute; because of this, the properties of the page and breaks. add to ul or li position: relative;
.catalog-facets__group-list {
...
position: relative
}

In General, you have a bunch of other problems. Products in the safari left, the header overlaps the content breadcrumbs - left somewhere.
5e970c3fc57c8138214259.png
Tell me what version of Safari you have and the screen resolution. I have nothing floats.
For relative thanks, the problem was solved. - hildegard_Doyle20 commented on April 19th 20 at 12:13
@hildegard_Doyle20, safari 7.1
This is an old version. Maybe in the new all the rules)
Just the project I'm testing this version - glenna.Casper commented on April 19th 20 at 12:16
OK. Thank you - hildegard_Doyle20 commented on April 19th 20 at 12:19

Find more questions by tags CSS