Animation plays itself when a state changes

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

First I’m rendering an animation with autoplay set to false. this.options = { loop: false, autoplay: false, animationData: require("./leo_anim.json"), rendererSettings: { preserveAspectRatio: "xMidYMid slice" } };

The animation does not start which is perfect, but then I call setState() function and the animation starts playing

See the behavior here: https://codesandbox.io/s/2wk6nv3pvr

What is the expected behavior?

If the animation has autoplay set to false, then it should only start when the play function is called.

Which versions of Lottie

Both “react-lottie”: “1.0.0” & “react-lottie”: “1.1.0”

Thank you for your help!

[chenqingspring]

Yes, I think that is a bug to be fixed. I’ll handle the logic in the wrapper.

Thanks for issuing this 😃

[gisellezeitoune]

There’s another problem when setting isStopped to true. Now, when a state changes, the animation stops playing.

See: https://codesandbox.io/s/xjr104920p

The play button should start the animation on the bottom but, because it also changes a state and the animation has isStopped set to true, the animation stops immediately after playing. Contrary to what happens with the top animation that has isStopped set to false. Even though I never play this animation, it starts because the state changed