That CSS animation I used for 6 months broke in Chrome last Tuesday

I had this really slick hover effect using scale and translate that worked perfectly until Chrome 119 dropped and suddenly my cards were jumping all over the screen on every mouse move. Turns out the browser changed how it handles sub-pixel rendering during animations, so the positioning logic I relied on just fell apart overnight. Has anyone else run into a layout shift from a browser update that broke a trick you thought was bulletproof?

2 comments

2 Comments

jordangibson2d ago

Yeah I had something similar happen with a sticky header that used position fixed and some z-index stacking. It worked fine for like two years then Firefox did an update and my dropdown menus started showing up behind the header. I never did figure out the real fix I just threw a higher z-index on everything and hoped for the best.

uma8962d ago

Do you ever feel like coding and life have the same rules for fixing problems? I swear a lot of my "solutions" are just piling on more stuff until it works, like how I keep stacking pillows on my couch to hide a sagging cushion. Isn't it funny how we just layer more fixes instead of digging into the real issue?