Skip to main content
Solved

Component within Component Animation Not Working


Chris88

I am trying to create a product card for a store design I’m working on and I want to animate an “add to cart” component within the parent “product card” component". The add to cart animation is working fine on its own. But I can’t seem to get it to function properly once it’s nested within the product card. I’m sure I’m just missing something simple. Does anyone have an idea of what?

Figma – 29 Aug 22

Thanks!
Chris

Best answer by dvaliao

Hey All, this is a known bug that our team is proactively working on. We’ll keep you in the loop as we work on a fix!

View original
This topic has been closed for comments

35 replies

RayNi
  • 11 replies
  • August 29, 2022

I have the same problem - it happened few hours ago - all nested components don’t work in presentation mode.


PauKnucks
  • 4 replies
  • August 29, 2022

I’m having the same issue 😦


Josh_Everingham

Same issue here, responding to get @figma’s attention. all interactions are broken aside from navigate on click. EVERYTHING is broken for me.


Che_de_Bruin

The same issue here, none of my interactive components work on any of my projects. @Figma_Support @Figma_Team @figma-designer

This is a pretty severe bug as it breaks all prototyping.


Christian_Baptiste1

Yep, several of my designers have reported the same issue. It was working this morning, now all nested component prototyping is broken.


Guilherme_Coutinho

I’m having the same issue.
@Figma_Support


Eric_Forest

I can’t get any interactions to work in presentation mode either. I even tried some random examples from the Community, and they don’t run either.


Marta_Hontangas_Trapero

I’m with the same problem. I’ve been thinking all afternoon that it would be some fault of mine but I’ve already seen that it wasn’t. Help @figma-designer @Figma_Support


JBigham
  • 3 replies
  • August 29, 2022

Also started having this issue this afternoon.


kai_hecker

/bump Yes, this started happening around 8 am PST


Diana_Arias

Same issue, @figma none of my interactive components work on any of my projects. Help please!


Andreas_Tabak

I thought I was getting crazy and did something wrong that my interactive components stopped working. So kind of a relieve to see others have the same problem. I’m sure @figma will solve it soon 😅


Chris88
  • Author
  • 2 replies
  • August 29, 2022

I’m glad to hear that it’s not just me. Hopefully @figma will get this resolved soon!


Michael_Carignan

Same issue. @Figma_Support

My prototype just broke in the last hour and I didn’t change anying.


Christian_Baptiste1

Figma has been notified and they are diagnosing now.


dvaliao
Figmate
  • Community Support
  • 4591 replies
  • Answer
  • August 29, 2022

Hey All, this is a known bug that our team is proactively working on. We’ll keep you in the loop as we work on a fix!


Chris88
  • Author
  • 2 replies
  • August 29, 2022

Awesome! Thank you!


Adrian22
  • 4 replies
  • September 23, 2022

I am new to Figma and I ran into this issue pretty quickly. I have however found a bit of a workaround! It seems like if you have the animation component nested within the first component and either make it boolean or instance-swappable, the animation works in preview!


Matteo_Polettini

The bug has been fixed? Because I’m fighting with that at the moment 😥


Shneor
  • 3 replies
  • November 18, 2022

Still an issue


Jen_Atkins

Figma team, please fix this soon. This is a significant bug and it’s been going on a long time. New to Figma and trying to get a handle on things… at least I’m glad to know it isn’t me! Thanks.


Zbigniew_Gecis

So it’s driving me crazy. Icons that are components inside other components do not work properly (not changing the color on hover).

Randomly sometimes it works, sometimes it doesn’t.

Tried dozen of things… no results.


Zbigniew_Gecis

Hey, any updates on that issue?


Andrea39
  • 1 reply
  • February 25, 2023

@dvaliao – Any updates on this issue or work arounds? I’m still having this issue 6 months on…


Pipa
  • 2 replies
  • March 8, 2023

Same here… I have a component that has a Mouse Enter animation, and this component has a nested one that has a On Click animation that does NOT work.
Would be great if this issue could be resolved.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings