Safari absolute positioned div disappear when scroll

Question

I have a sidebar that contains some products filters on an ecommerce website and has an absolute position. It works well on all browsers except for Safari on iPad and iPhone. It randomly disappears when the page scrolls.

I have tried to use the -webkit-transform: translate3d(0, 0, 0); trick as reported in many articles and other "tricks", but nothing works for me.

(iPad Safari scrolling causes HTML elements to disappear and reappear with a delay)

You can see the page at http://www.hardlyeverwornit.com/alexander-mcqueen

The sidebar is visible on mobile and iPad by clicking the REFINE SEARCH button. The class name is new-search-results-filters. At the moment I have removed the tranlate3d ... because it wasn't working.

Welcome to SO, please take a tour of the help centre to see how to ask a good question. Also please read this: Something in my web site or project doesn't work. Can I just paste a link to it? — Pete
– Pete, Commented May 17, 2016 at 10:23
Also as you have asked the exact same question previously, you should edit the other question to make it better rather than asking the same thing again as it will probably just receive the same amount of attention as the last one did — Pete
– Pete, Commented May 17, 2016 at 10:26

bmfteixeira · Accepted Answer · 2016-08-16 14:07:01Z

2

Are you using any resize event to help you doing the position calculation? If yes, be aware that Safari has a identified bug that triggers the resize event randomly while doing scroll. This can mess up your position calculations.

answered Aug 16, 2016 at 14:07

bmfteixeira

1341 silver badge13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Safari absolute positioned div disappear when scroll

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related