Actual animation looks quite different from preview

[stanlrt]

Here the file (in JSON bc GitHub does not allow .lottie, but the issue is present with both file formats):
Push-to-talk-anim (1).json

Here how it looks in the preview (frame 0):

Here how it looks when I use the SolidJS DotLottie component and pass it the URL that stores the .lottie (but again the bug was also present when using the data props and passing it the JSON):

This is quite problematic, any help is appreciated

[theashraf]

@stanlrt which dotlottie-solid version you're using ?

I'm not able to reproduce it on the dotLottie-viewer https://lottiefiles.github.io/dotlottie-web/

[gugadev]

@theashraf is it normal that some lottie files are displayed correctly using lottie-web but not using @lottiefiles/dotlottie-web? Some compatibility maybe or it could be a bug?

[angularsen]

I seems to have some compatibility issues, or just not ready to use yet?

2 of 2 I tried does not render right with dotlottie-web, but rendes just fine with lottie-web and when viewing on lottiefiles.com

Same rendering problem when previewing with https://lottiefiles.github.io/dotlottie-web/

Examples:

• https://lottiefiles.com/free-animation/empty-state-EfSeWUwwKs
• https://lottiefiles.com/free-animation/surprised-7LY9ToAIQr

[theashraf]

@angularsen, please try the latest version of dotlottie-web (v0.39.0). We now get consistent rendering for these two animations compared to lottie-web

[theashraf]

@gugadev Please share your lottie/dotLottie animation asset and we will investigate

[angularsen]

Great! 🙇 Will give it a spin and report back.