Hey everyone, I’m facing a weird issue with a Component in Figma, and I’d really appreciate some help!
I created a dropdown menu inside a Main Component with two states:
- Closed state – The menu is hidden.
- Open state – The menu expands, showing the options.
The issue:
- When I use an Instance of this component in my design, the dropdown opens fine, but I can't click on any of the options inside it!
- The options don’t have any interactions inside the Main Component, they’re just arranged properly.
- The only way to make the buttons work is to detach the Instance, but that defeats the purpose of using a Component.
- I checked the layer order to make sure nothing is blocking the options, but the issue persists.
Is there something in Figma Components that prevents interaction with inner elements in an Open state? Or is there a way to make the options clickable without detaching the Instance?
Any insights or solutions would be greatly appreciated! Thanks in advance! Here’s a short video showing the issue in action