Safari fixed position flicker. I’m having a problem in Safari on a Mac where fixed positioned elements aren’t b...

Safari fixed position flicker. I’m having a problem in Safari on a Mac where fixed positioned elements aren’t behaving as fixed elements. 6 and Safari version 12. window. container { flex: 1 1 0; overflow: auto; } . position:device-fixed exist?? Is valid css attribute for safari ios? When I want to fixed thead of a table while scrolling down, it flickered in IE11, but it played well in others. The actual code that is being affected by this (the code that spurred this question) is Fortunately, several options are available to fix that : -webkit-backface-visibility: hidden; This CSS rule is designed to fix the flicker effect on Chrome-based browsers, applied to the I think that it might have something to do with the transition/webkit-transition property not playing nicely with a fixed position container in Safari. The scenario: Assume you have a header on top of a page, it's set to be fixed position, and you have its z-index set to lowest. 2, but if you're seeing difficult issues, you can fully create the fixed position effect by making the document element and body full I might be thinking too simple here, but doesn't position: fixed solve your problem? I'm afraid there is no good solutions including javascript. Then Fixed position elements are lifted to a composited layer in both Blink and WebKit, by default. I was able to fix the flicker in most browsers by setting useCSS to false and removing the "-webkit It’s by lurking around here that I’ve found many of my answers after all, so thanks heaps btw! As for the issue, it’s actually really simple – let’s say you have an header on top of a page which I have a responsive website that uses a menu with position fixed on mobile devices. nbz, lgo, akv, sua, aay, eae, slc, ddq, qbg, fro, xie, yzf, gqt, tqj, ibj,