Animation Overlapping

[ryanfitzer]

Only happens when you use loop AND have only 2 frames. Add a 3rd frame and the issue goes away.

The current frame animates to the right and the incoming frame animates in from the left, overlapping the current frame's animation.

[amio]

I think this can be fixed in the rewrite with react-motion. We should remove those hidden frames from DOM tree, inject new frame at the beginning of every switch.

[ryanfitzer]

Haven’t used react-motion before, but sounds like a good plan.

[hemel-cse]

Also having this issue.

[ryanfitzer]

@amio Do you have an idea when you expect to release this update?

[amio]

Hmm, I should fix it on current version first. Don't have too much time experimenting on react-motion recently.

[amio]

Fixed in v2.3.0.
@ryanfitzer @hemel-cse You may have a try now :D

[ryanfitzer]

Works like a charm! Thanks for the quick turnaround.

[hemel-cse]

Thanks for the fix!