Took me 3 months to realize my CSS animations were breaking on Firefox only

I work in front end for a small agency near Chicago and we launched this big landing page back in October. Looked perfect in Chrome and Safari. Then a client emailed saying the hero section was jittery and some elements were just not showing up. I spent almost a week digging. Turned out I was using a shorthand animation property that Firefox handles differently with certain timing functions. Had to split it into individual properties. Has anyone else run into browser specific stuff that took way longer to debug than it should have?

2 comments

2 Comments

nora7357d ago

Firefox doesn't treat that shorthand the same, it's been a known issue for years.

cole_mitchell576d ago

Oh man, tell me about it. I ran into that same headache a few months back trying to get some CSS working and wasted a whole afternoon before I figured out it was just Firefox being stubborn with the shorthand. Drives me crazy that they still haven't fixed it after all this time.