Pretty stumped on why this happening, so I thought I would come to the always helpful community!
I have a client site with a “while scrolling into view” interaction. The interaction is great on Chrome and Safari, but nothing happens in Firefox. I have tried rebuilding the section altogether and also manipulating z-index to make sure the browser sees the section as “in-view” when scrolling, but I haven’t had any luck.
Here is the live link you can view in both Chrome/Safari and then Firefox to see the difference.
And here is my read-only link for anyone willing to take a peak at what I have wrong
When scrolled into view on Chrome/Safari, it animates perfectly like below:
But here is how it is looking in Firefox:
When I inspect the animation in Firefox, I can see it’s performing the transforms, but nothing different is displaying:
If anyone has any advice or knows what’s going on, I would be really grateful for the help. Thank you!