I ran into weird issue in Firefox 57.0.2. I have two panels that translate without issue but if I set rotation on container animation plays weirdly. If I set background-color or border on container, it again plays normally. Can somebody please explain what is happening and what changes when we set border or background-color? Any CSS property I can set so it will work properly without background or border?
The post on SO looks like a Tumbleweed badge candidate. Not much luck elsewhere either, I see. Strange that the reply on Daniweb mentions not seeing the issue.
I’ve generally experienced border, transform and overflow having weird interaction. Although I’m not aware of the exact specification causing that. But the fact that changing the background also has an effect, it’s most flabbergasting to me.
Hope you’ll figure it out (please report back if you do).
Thanks for the update. Interesting, I actually did try that one but guess I didn’t put it on the correct element. It also fixes the overflow in the pen I posted. If it’s not a real bug, I’d call it a quirk plus though.