search

LottieFiles / lottie-vue

Lottie player wrapper for Vue.js
https://github.com/lottiefiles/lottie-vue
112 stars 16 forks source link

Persist Lottie animation when not looping #26

Closed jboctor closed 2 years ago

jboctor commented 2 years ago

The animation I display using Lottie disappears when not looping. I would like to be able to persist the last frame on the page.

lottie

The component looks like

<lottie-vue-player class="tw-mt-8 tw-w-full tw-h-32"
    :src="`https://assets1.lottiefiles.com/packages/lf20_sonmjuir.json`" 
    :autoplay="true" />
jboctor commented 2 years ago

Upon further investigation this is NOT an issue with lottie-vue but a bug with Bodymovin/Lottie Player.

DubMan21 commented 2 years ago

@jboctor did you find a workaround?

jboctor commented 2 years ago

@DubMan21 it was an issue with the animations themselves so our designer had to rebuild the animations so they weren't going back to the first frame at the end.

vslavov commented 2 years ago

FWIW, this was fixed in lottie-player https://github.com/LottieFiles/lottie-player/issues/164#issuecomment-1180169593