Interaction not playing correctly on first click

Hi, I have a menu button at the top of my website and an interaction that hides/shows the button and plays a lottie animation. For some reason, when you enter the website, the button animation does not play correctly when you first click it. All subsequent clicks work perfectly fine and the problem doesn’t occur on my other pages even though I’m using the same elements/interactions there.

I’ve seen this problem a couple of times on the forums but there never seems to be an answer.

Any help is appreciated! :slight_smile:


Here is my public share link: LINK
(how to access public share link)

I’m also having this issue. Have you been able to resolve it?

Hey, I did manage to fix it but I think all I did was rebuild the entire animation from scratch.

Thanks for the tip! It helped me figure it out.

My initial animation had a hide/show animation, which I know is usually jumpy so I added a width animation to ease it in. But for some reason, even though the width animation had a .4 second delay after the hide/show, it was still jumpy on the first click. So I just removed it all together and made the animation based on width only.

By the way, your portfolio is phenomenal!

Great! Glad you figured it out :relaxed:

and thanks so much for saying so!