next-page-transitions-framer-motion icon indicating copy to clipboard operation
next-page-transitions-framer-motion copied to clipboard

Flicker, but only on my deployed version

Open robertadamsonsmith opened this issue 3 years ago • 1 comments

The demo works really well - no flicker at all!

However, if I run the demo code locally, or deployed to vercel here then whenever there is a transition between the two pages (in either direction) there is a very brief moment where the main image is not there, before the transition continues as expected. This happens with chrome, firefox and edge

I worked out that it just needs the 'priority' attribute to be set for the Image elements, and then there is no flicker again. It's a shame that this method doesn't work as nicely for lazy loaded elements, but it is understandable.

robertadamsonsmith avatar Mar 25 '21 18:03 robertadamsonsmith

@robertadamsonsmith what is the priority attribute? I can't find it in the docs

sidonaldson avatar Jun 05 '21 14:06 sidonaldson