Skip to main content
Jairo
May 19, 2021

Interactive components not working when nested inside a main component

  • May 19, 2021
  • 79 replies
  • 26999 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

MiloW
Active Member
November 29, 2022

Oh, so I am not the only one and Figma keeps not debugging basic things : /
Just tried to put a checkbox within a list component… unfortunately, results in an error.
“Cannot read properties of null (‘fileUpdateRequired’)” - of course the design system file is updated and published and the design file is updated… OMFG…

Nathan_Windsor
January 24, 2023

I’m having the same issue.

I have a dropdown overlay which works on its own, but when nested into another component, fails to work.

What’s the workaround?

Nathan_Windsor
January 24, 2023

Actually I fixed the problem.
The issue is that I had the overlay on a literally separate page. So this meant that I could see the overlay in the dropdown menu on one figma page, but not when I used a component instance in another page.

This may be helpful to know, you guys should put some sort of warning somewhere, because I lost a few hours of my life trying to figure out wtf was going on 😂✌️

Users should know that this is an issue somehow within Figma, like a warning.

Hopefully this doesn’t happen to other users.

February 23, 2023

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

March 20, 2024

Nesting interactions still do not work. I have a nested component in a component. If I create an instance of the main component (with the other component nested inside) the change interaction of the inner component lets me only select variants of the main component, not variants of the component I attach the interaction to).

Maciej_Ziolkowski
March 20, 2024

I faced the same issue today. Any plans to address that?

Jairo
JairoAuthor
March 21, 2024

Often this is an issue of the composition of the component itself.

If you mind to share the faulty components we can check 🙂

Rama_Yogaswara
May 14, 2024

i have the same problem, my components didnt work on nested instances

Figma – 14 May 24
May 17, 2024

Been trying to figure this one out for a long time- I thought it had to do with how my nested components were named or something, but the only thing that fixes it is detaching the parent instance and then the nested instance works as expected…

wdimondi
New Participant
June 4, 2024

This seriously needs to be resolved before any additional features or enhancements.