madrobby/scripty2 — Issue #36: Animation breaks when combining S2.FX.SlideUp & morph (w. CSS transitions enabled)
Author: kangax
Created: 2011-11-23 00:14:28+00:00
State: open

I noticed interesting issue with combining `slideUp` and `morph`, which breaks following animations when they're css-transition -based.

I stripped it down to this simple test case — http://jsfiddle.net/xBgtm/6/

Notice 2 implementations and how 1st one (`slideUp` + `morph`) breaks when CSS-transitions -based effects are enabled, whereas 2nd one works as expected.

I didn't look deep down into it, to see what exactly is going on, but I did notice transition-related styles (`-transition-property`, `-transition-duration`, etc.) NOT being removed from an element after animation is finished. This happens only when combining `morph` and `slideUp/Down`. When using standalone `morph`, transitions styles are removed properly. That's probably what makes the following animation fail.

Finally, I'm not fully sure, but it also looks like only morph uses CSS transitions for animation, and `slideUp/Down` doesn't. Is that so? And if yes, what's the reason?

Thanks!