I have a component that has 2 states:
In prototyping, when the second state is triggered, the hover state on the component within the first component no longer works.
When default state's opacity is set to 100%, it works fine in both states. The same thing happens when "Hide" is used in the Layers panel, rather than opacity.
In troubleshooting, when the opacity is set to 1% or higher, the hover works again
I have attached two videos showing this bug - in one marked 0% opacity, you can see that the hover button does not work. In the other, opacity is set to 22%, and the hover button then works in both states. No other changes were made. (this is troubleshooting so placement is not relevant)
Thanks for reaching out. If I understood the workflow correctly, it requires nested hovers and I am afraid to say that nested hovers are still not available in Adobe XD. I'd request you to please upvote this request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38968075-hover-ins...
If that's not the case, I'd request you to share a small video capturing both the components default state and hover state properties with complete workflow, we'll try our best to help you with it.
This isn't a hover within a hover. It's a hover within a component with 2 regular states.
The problem occurs when the state contains an element that is 0% capacity in default state. At 1% or higher, it works fine.
The videos are attached to my original post
Sorry for the confusion, we can surely test this on our end, so will it be possible for you to share a sample file so that can test this on our end? You can add the file to shared storage and share the link either here or in the DM by clicking on my name.
Note: While sending a DM, please add this discussion link in the subject.