Hover over overlapping components

Community Beginner ,
Jan 10, 2022 Jan 10, 2022

Copy link to clipboard

Copied

Hey there, 

I am wondering if there is a solution for my issue.

I'm creating a horizontal navigation menu, with hover applied on each option. 

This is the Default State of the first item:

Screenshot 2022-01-10 at 4.41.21 PM.png

 

And this is the Hover State or the same item:

Screenshot 2022-01-10 at 4.42.45 PM.png

 

Works great, no problems.

The same with the second item.

 

The issue that I'm having is that when I move from one item to the next, the hover state only activates for the item that is on top of the other one. So when I move the cursor from the first menu item to the second, it works but when I move back to the first it doesn't. That is because my second item is on top of the first, and the components overlap each other. 

 

This is the link to my prototype 

https://xd.adobe.com/view/86043e24-6201-4c90-9b28-c347bdba456a-d357/

 

Is there any way to fix this issue? It's not a huge deal with horizontal menus (since the cursor has to travel very little above the top of the menu to collapse it), but with vertical ones it would be impossible to get it to work nicely.

 

I've tried making one big component, but it still didn't work.

 

Thanks! 🙂

 

Views

134

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 10, 2022 Jan 10, 2022

Copy link to clipboard

Copied

I'm attaching a video of what I mean to make it more clear.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 10, 2022 Jan 10, 2022

Copy link to clipboard

Copied

LATEST

Hi eyejacker,

 

Thank you for reaching out. If I heard you right, it looks like you're looking for the similar functionality mentioned here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/40285651-support-s...

 

If so, then I would request you to please submit your feedback and add your voice.

 

I will also check with the team if there is any workaround to achieve this and I am also keeping this discussion open for our experts who might have any suggestions on your workflow.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines