Firefox rendering glitch: Jittery scrolling and image flickering on high-res industrial galleries.
Hi everyone,
I am experiencing a persistent rendering issue on my company's website when viewing it through Firefox (v123.0+). The site features heavy-duty industrial units and detailed technical specification tables, which involve several high-resolution PNGs and large CSS grids.
The Issue: When scrolling through our product gallery, the images seem to "flicker" or disappear momentarily. This does not happen in Chrome or Edge, which leads me to believe it’s a Firefox-specific rendering bug related to hardware acceleration or the way Firefox handles large object-fit: cover containers.
Live URL for testing: [https://portaking.pk/|https://portaking.pk/]
Details:
Flickering: Occurs primarily on the "Porta Cabin" product pages where we use an image slider.
Console Errors: I am seeing a "Layout Force Reflow" warning in the Firefox Console that I can't seem to replicate in other browsers.
Troubleshooting: I have tried disabling all extensions and clearing the cache, but the jittery scrolling persists on this specific layout.
Is there a known CSS conflict between Firefox’s rendering engine (Gecko) and modern WordPress grid layouts that might be causing this? I want to make sure our clients using Firefox have a smooth experience.
Thanks for any insights!