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.
Interactive components not working when nested inside a main component
This GIF shows the issue in real time. The nested component interactions are still present, but are hidden/disabled when nested inside a parent component. Detaching the instance of the parent shows that the interactions are still there.
This has to be a bug, right?
Hey All, thank you for your feedback!
To be transparent, I flagged this to our team and they confirmed that this is expected behavior. We don’t support interactive components inside of main components that are directly integrated into frames.
The team is now aware of this feature request and will continue to monitor it for future consideration.
Please use the temporary solutions as suggested by the community within in this topic to initially troubleshoot your specific issue, but if you’d like additional help, please feel free to reach out to our support team directly here: Submit a ticket
For those of you struggling to understand the workarounds like I was...
The simplest solution I found was to wrap the nested components that have the interactions in another frame.
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.