I’m seeing a behaviour i’ve not seen before when elements disapear from the page when the cursor moves out of the window and up to the page tabs. Sometimes they just flicker and other times they are gone and only reappear again when I scroll. This only happens on Chrome as far as I can tell and is defo related to the animations (when scrolled into view / while scrolling into view). Has anyone seen this behaviour? I’d love to know a fix for this - I’ve search high and low for answers and its a frustrating one!
For what it’s worth, I tested the pages on Chrome (desktop, mac, Version 117.0.5938.92) and I’m not seeing the same behavior. Everything is smooth. Have you tried restarting Chrome, empty cache, incognito mode, other machines, to see if it’s replicated?
Ok so the fix seems to be applying the animations to indivdual elements rather than divs which contain elements (although a single div containing multiple elements seems ok). That has fixed the problem for my pricing page but my portfolio page includes side scrolling so im not sure exactly how I can do that?? Bit of a head scratcher.
Hey thanks for your reply. I’ve updated Chrome and used incog and also canary and saw the behaviour there also (dont really want to flush my cache) . I’ve fixed the pricing page unless you were looking there? Portfolio page is still broken.
One of the wierdest things is I couldnt replicate the problem when I was using a chrome extension called “screen recorder” had to use loom instead to capture the video.
I appreciate you looking at this - its far beyound my realm of understand
Thanks for the video. I can’t replicate this problem on my laptop (also chrome / windows 10) or on browserstack on any configuration. So yeah perhaps its something unique to my computer / browser set up idk! Probs not something to worry about in that case. Well thats a day i’ll never get back