staggerFrom issue with two after each other

[Juno911]

Hi,

 

please check my codepen. tl0 starts immediately and animates the background to yellow over 10 seconds. However, while the animation is going, please click the button. It will start tl1. It seems nothing happens, but at the bottom some strange vertical drawing is happening. But the staggerFrom commands are fine.

 

If you load each staggerFrom alone (comment the other quickly) all is fine. With both. But if I use them in that order, they dont do after each other what they do in a standalone case. 

 

Any idea why this happens? Do I have to reset the SVG drawing somehow first?

 

Thanks a lot!

See the Pen MGXRmz by generaal-locke (@generaal-locke) on CodePen

[Juno911]

I solved that by clearing all props between the two staggerFrom commands