Figma Support Forum

Interactive components not working in the Master Components

If we create an interactive component, for example a button with a hover, and place it in the main component, then this hover will not work in the prototype.

Check my prototype:



I have a hover state on a component that works fine on a prototype, however when that component is put inside another component (in my case a navigation bar), then that navigation bar is used within a prototype, the hover state component no longer works.

I’m certain I’ve seen interactive components within other components work just fine, so do I need to provide more context to my specific use, or is this a common problem so far?

Only other thing to mention is that my hover state interactive component is within an auto layout. I’m unsure if that’s causing the issue.

Just an update: I removed the hover state interactive component from the auto layout and it’s still not working, so likely not related.


I realised I was using a master component within the prototype by accident. Removing this and replacing with an instance solved the issue.

1 Like

Thanks for sharing your experience! I look forward to when it is out of beta!

I’ve place an interactive component within another component. However, the interactive components does not seem to work.

EX. I have radio button with a click action to switch between “unchecked” and “checked” state. It worked as expected by itself. However, when I placed it a “non-interactive” component, the radio button stopped working.

same here. I use an interactive component for my navigation bar. when using it in my screens the interactive component part works only if my screens are not components themself.
this is a little bit annoying, because i use a lot of the screens as components for the prototype.

Will you fix this? So that interactive components work within other parent-components as well?