Animated spinner doesn't spin until 2nd interaction

Ask the community
1

I’ve got a layout with a standard file upload area. This file upload is a component with 3 variants - default, a box with a spinner (which is a separate component - a spinner taken from the free animation kit in community), and a final ‘done’ state.

Right now, when the user clicks the box, an overlay appears, and a button is chosen. This closes the overlay, changes some variables including one that changes the Upload area to the ‘loading’ spinner variant.

My problem is, the spinner animation doesn’t work. If I click the upload area again, to reopen my overlay and I re-click the button, then the animation works.

I don’t know if there’s some limitation here in Figma, but maybe someone’s run into this, and has a solution.

2

Hi there,

Thanks for reaching out. Could you share the file link with access to support-share@figma.com? It won’t affect your billing. I hope I can investigate it further.

I tested with this plugin and it worked fine on my file.

Looking forward to hearing from you.

Thanks,
Toku

3

Just sent an invite. It’s a messy page, with a lot of screens, so I put big red arrows above the relevant screens. Hopefully you can see where I went wrong