safari glitch with z-index

I’ve discovered this glitch in safari and it is driving me nuts. Its a glitch, because if any of the browser events is fired (hover, click) element takes correct z-index.

The issue is with z-index and position:fixed element.

enter image description here
You can see it live here scroll down so it gets activated and than slowly scroll up not triggering buttons.

I’ve discovered that using transform: translatez(1); helps but creates more serious bugs down the line.

any thoughts?

Source: cross-browser

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.