I have a component variant (which includes nested other component variants with overlay and hover prototype interactions). When I add an instance of this component to the same page as the component itself it works great when I preview the ‘prototype’, but if I copy the exact same instance into another page the interactions stop working. I’ve been trying to fix this all day but to no avail. Has anyone else come across this issue before?
Solved
Component interactions stop working when copying an instance into another page
Best answer by ramos
Yep I had the same issue to transfer overlay interactions - so common if you need a persistent primary drop menu across multiple pages in your project. It took me a while to figure it out, it’s not very intuitive, you need to create an instance of your components you want to copy, then make sure the overlay interactions are referencing the instances NOT the main components (I had to reconnect the overlay interactions to make sure they are linked to the instances themselves). Next you select those instances, right click → move to page.
You basically need a copy of your main components to set the overlay interactions, and that copy you can send to other pages.
This topic has been closed for comments
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.