@lottiefiles/dotlottie-react incompatible with lottie-interactivity?

[andreidobrinski]

Overview

Hi there!

I'm running into difficulties with using @lottiefiles/dotlottie-react and @lottiefiles/lottie-interactivity.

I saw in the docs that it's intended to work with the lottie web player and IIRC the React player is a wrapper around it. For context, I'm looking to implement a scroll-driven Lottie animation.

I'm able to get it running using the <lottie-player> web component from @lottiefiles/lottie-player but not the <DotLottieReact> component from @lottiefiles/dotlottie-react.

Happy to share any code or anything else that can help!

I'm wondering if this is a known issue or if the packages are expected to work together. I'd love to see an example of these two packages together if there's one available.

Thanks for contributing to this awesome package 😄

Consuming repo

What repo were you working in when this issue occurred?

Using this workshop project as a playground repo. Shoutout to @karinfam for the excellent talk!

Labels

• Add the Type: Bug label to this issue.

[theashraf]

@andreidobrinski Thanks a lot for the detailed issue and for trying out both @lottiefiles/dotlottie-react and @lottiefiles/lottie-interactivity!

You’re absolutely right, the @lottiefiles/dotlottie-react is built on top of @lottiefiles/dotlottie-web, and at the moment, it’s not compatible with the @lottiefiles/lottie-interactivity package. There was an initial attempt to create a polyfill around @lottiefiles/dotlottie-web to support light, quick interactions with lottie-interactivity, but we didn’t get the chance to complete that work yet.
#183 (comment)

The good news is that we’re actively working on cross-platform dotLottie state machine feature, which can help build simple and complex interactive animations, and it’s coming very soon!

This feature is currently in beta and being tested internally, and we’re aiming to release it in the next couple of weeks. Once it’s out, @lottiefiles/dotlottie-react will have built-in support for interactivity without the need for lottie-interactivity.

I’ll follow up soon with some early examples once they’re ready, we’d love your feedback on them!

Appreciate your support and shoutout to @karinfam's talk as well 😊

[andreidobrinski]

Thanks for your response and for the info @theashraf !

Yeah absolutely, I'd love to take a look and provide any feedback if it helps. In the meantime I'll carry on with the web component implementation 😄

I appreciate your help and the library in general!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed in 7 days if no further activity occurs.