react-lottie icon indicating copy to clipboard operation
react-lottie copied to clipboard

Whole component flashes/glitches after 5 seconds

Open php7webmob opened this issue 5 years ago • 1 comments

I am getting this weird issue where my whole component which I am animating is glitching or flashing after 5 seconds. Here are my default options:

const defaultOptions = {
      loop: true,
      autoplay: true,
      animationData,
      rendererSettings: {
        preserveAspectRatio: 'xMidYMid slice',
      },
    };

and here's my react-lottie component:

<Lottie
                    options={defaultOptions}
                    height={400}
                    width={400}
                    isClickToPauseDisabled
                  />

php7webmob avatar Jul 30 '19 05:07 php7webmob

I'm also seeing this issue but only in Safari. Chrome and Firefox appear to be fine.

It looks like it's actually problem with the underlying lottie-web library. If I remove react-lottie and write a basic wrapper for lottie-web myself then I end up with the same flicker in Safari.

kalongthewires avatar Aug 02 '19 18:08 kalongthewires