prefers-reduced-motion transition styles can break JS

Question

prefers-reduced-motion transition styles can break JS

atomiks opened this issue 5 years ago · comments

The reduced motion CSS will break any functionality relying on the JS “transitionend” event.

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/transitionend_event

If there is no transition delay or duration, if both are 0s or neither is declared, there is no transition, and none of the transition events are fired.

I think a tiny value like 1ms instead of 0s can fix this.

Andy Bell · Answer 1 · Thu Oct 03 2019 16:14:10 GMT+0800 (China Standard Time)

Interesting stuff! Happy to take a PR!