Open aburk3 opened 4 years ago
2.0.7
https://demos.creative-tim.com/material-kit/index.html?_ga=2.76346390.2010189574.1599591585-1838309822.1598906035
OSX
Macbook Pro
Version 85.0.4183.83 (Official Build) (64-bit)
Visit link provided. Scroll up and down to trigger the nav-bar transition. It can take a little while of scrolling up and down around that transition to trigger it.
The page not to 'flash' white when scrolling.
The page is flashing white.
I found what I believe to be proposed solutions here (https://stackoverflow.com/questions/20905941/blinking-fixed-header-in-site-with-scrolling-animation) and here (https://davidwalsh.name/translate3d). I'm guessing that -webkit-transform: translate3d(0,0,0); needs to be added somewhere.
-webkit-transform: translate3d(0,0,0);
I've seen this behavior on the demo site, locally in a repository of my own. As well as a fellow developer working alongside me.
Version
2.0.7
Reproduction link
https://demos.creative-tim.com/material-kit/index.html?_ga=2.76346390.2010189574.1599591585-1838309822.1598906035
Operating System
OSX
Device
Macbook Pro
Browser & Version
Version 85.0.4183.83 (Official Build) (64-bit)
Steps to reproduce
Visit link provided. Scroll up and down to trigger the nav-bar transition. It can take a little while of scrolling up and down around that transition to trigger it.
What is expected?
The page not to 'flash' white when scrolling.
What is actually happening?
The page is flashing white.
Solution
I found what I believe to be proposed solutions here (https://stackoverflow.com/questions/20905941/blinking-fixed-header-in-site-with-scrolling-animation) and here (https://davidwalsh.name/translate3d). I'm guessing that
-webkit-transform: translate3d(0,0,0);
needs to be added somewhere.Additional comments
I've seen this behavior on the demo site, locally in a repository of my own. As well as a fellow developer working alongside me.