Lottie animation appearing late on page load.

Issues
1

Hi, when the site loads the lottie appears after the text. Any suggestions on how to fix this?

2

Hi @captivating_boar, could you provide more details on the issue? Which text is it?

3

Sure

4

@victor I’ve attached a video.

5

could you share the project ID? feel free to DM

6

I’m guessing the lottie animation doesn’t render until hydration is running (no ssr for lottie animation). So first the page is served with html, then javascript runs and “hydrates” the page, which renders the lottie animation, so there is a gap there. You can minimize this by setting an explicit width/height on the lottie component, so that it will at least take up the right amount of space and there won’t be content shift.

7

Thank you @victor and @chungwu!!!