Skip to main content
M
matthewl11328258
Participant
June 5, 2020
Answered

2nd Hover doesn't activate if Bounding box of the components overlap

  • June 5, 2020
  • 2 replies
  • 1353 views

Hi Everyone,

 

I'm in the process of making a prototype and have been struggling finding  a way around it.

 

I have a dropdown navigation and the sub items are larger than the main nav item.

 

So when I try to hover over the next menu item, the first menu item is still active OR if I mouse off the main navigation item, it's still active.

 

 

https://xd.adobe.com/view/e4c42261-3c4f-468f-69e1-8f333b4cd0d3-92f5/

 

 

{Renamed By MOD}

This topic has been closed for replies.
Correct answer Rishabh_Tiwari

Hi Matthew,

 

Thanks for reaching out. If the bounding box of a component is overlapping with the bounding box of another component then 2nd hover will not activate. The only workaround I can think of is reducing the size to ensure that the bounding box doesn't overlap, I understand that this may not be feasible but I am afraid this behaviour on the app is expected. Having said that, I will pass on your feedback with the Engineering Team and you can do that too by upvoting this request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/39051358-interactions-are-blocked-when-hover-state-is-open

 

Let us know if you need any further assistance, we'll be happy to assist you.

 

Regards

Rishabh

2 replies

Spas K.
Community Expert
Spas K.Community Expert
Community Expert
June 8, 2020

Yes, as Rishabh pointed out, we are forced to use "click" triggers with overlays for such dropdown elements, and the hover "feature" is worthless in that case, as well as many others.

This is the actual functionality that we need, so you should upvote that instead (although it's clear upvoting has little effect on the features that are developed 🙂

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/38959297-allow-components-event-to-change-states-of-other-c

In this way the hover event would work like it works irl with CSS. Unfortunately, that's yet another problem with the half-baked component states feature.

 

 

    Rishabh_Tiwari
    Community Manager
    Rishabh_TiwariCommunity ManagerCorrect answer
    Community Manager
    June 8, 2020

    Hi Matthew,

     

    Thanks for reaching out. If the bounding box of a component is overlapping with the bounding box of another component then 2nd hover will not activate. The only workaround I can think of is reducing the size to ensure that the bounding box doesn't overlap, I understand that this may not be feasible but I am afraid this behaviour on the app is expected. Having said that, I will pass on your feedback with the Engineering Team and you can do that too by upvoting this request: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/39051358-interactions-are-blocked-when-hover-state-is-open

     

    Let us know if you need any further assistance, we'll be happy to assist you.

     

    Regards

    Rishabh

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices