I set up a topbar navigation menu with default states (white text links) and hover states (white changes to blue text links PLUS a dropdown menu of subnav links appears on hover).
In the Master component, I added tap interactions to the subnav links in the dropdown menu that appears upon hover. The sub nav tap links in the dropdown menus work properly when I hover and tap on the MASTER within the prototype. However, when I copy and paste the master onto another page, the hover still works but the linked taps in the dropdown menu that worked on the master component no longer work on the instance. Even when I try to rewire the tap links in the dropdown menu manually within the instance, the links still won't work.
Bottom line, prototype tap links don't appear to work when they sit within the hover state of instances. Is this a known issue or is there a work around please? I've spent a lot of hours on this already and can't get it to work.
I am experiencing similar issues as well; hoping Adobe chimes in!
Having the exact issues here. It makes it impossible to set up a good menu component if the component keeps forgetting interactions.
Apologize for the experience. I am checking wiht the team and will get back as soon as I have more info.
I checked with the team. They are not able to reproduce your issue, and require your files for further investigation. Can you uplaod your XD file to a shared location and share the URL here, or with me over a private message?
I just sent you a private message Preran. Thanks!
Hi Llewellyn Martin,
I have received your file from Preran and I am investigating on it. I will get back to you on this soon.
Can you share a prototype link or a link to the file, so we can see what's happening?
Links within a hover state of an element should work in both the master and instance of the component. I tested it just now.
Nested hovers, however, don't work. If you have a hover effect on the links within the hover dropdown menu, they probably won't work.