Skip to main content
Jairo
May 19, 2021

Interactive components not working when nested inside a main component

  • May 19, 2021
  • 79 replies
  • 26998 views

Hello, I found out that if i create an interactive component (ex: Button), and place it inside a a main component (obsiously as an instance), the interactions are no longer working.
But if you create an instance of the parent component, then it all works as expected.

79 replies

Manuel21
July 11, 2022

I’m having similar yet different issues. In any case, all are caused by nesting interactive components.
How come there’s no official answer or solution to this? It’s incredibly frustrating to work for hours on something only to find out that it’ll never work due to bugs. It’s also annoying that this forum tells me that this issue is resolved when it’s not…

marcelg
August 12, 2022

@Figma_Support This issue isn’t resolved

Shaunak
August 14, 2022

Same issue! This topic is NOT solved

Lauren4
August 17, 2022

I’m having this same issue.

Adam_Parsons
August 24, 2022

I have the same problem. So I tried something.
My case: a nav bar, with links to sections, each section icon is highlighted. Creating a variant for the nav bar breaks and linked interactions, within the component.
Instead of clicking the + button, I did a duplicate.
That duplicate becomes a variant and preserves linked interactions.

It still needs fixing please Figma.

Mark_Guillermo
August 29, 2022

Adding to the growing list of people experiencing this issue.

Clayton_Bridge
August 29, 2022

Same issue here.

Kevin_Allauca
August 29, 2022

Same issue, not beign able to prototype correctly in nested components

KevinClio
August 29, 2022

Same issue, just happened today. Please fix!!

Brandon_Hicks1
New Member
August 29, 2022

same issue