This did not solve the op's question. How can we make nested hovers work? Here is a detailed example of what we are trying to do:
I have a ux card with an image, some text and a button:
When I hover over the card I want the border color to change:
While still hovered on the card, if I hover onto the button, it should change color:
While still hovered on the card, if I hover onto the image, I should see a zoom icon:
As it stands, XD cannot do this by simply nesting multiple components inside one another, even if they each have hover states. I have even tried instead of nesting, just putting them on the artboard over top of one another, meaning that the card is the base component, and then placing the button and image over it. This still coes not work when previewed because the border triggers first.
If there is another way to accomplish this please help us understand.