Skip to main content
M
Markus_Kuuranta
Participating Frequently
August 14, 2020
Answered

Hit area of component Hover state

  • August 14, 2020
  • 1 reply
  • 8930 views

Component states are great, but apparently the hover effect uses hit area of all the states.

I'm creating a tooltip for a button that appears by hovering. I'm doing this by hiding a layer in component on normal state, and displaying that layer on hover state.

Now, XD uses the hit area for the component from the hover state, effectively making the hover state trigger for things that are no visible for the component on regular state.

 

Dear Adobe, please use only normal state of the component for its hit area.

      This topic has been closed for replies.
      Correct answer Rishabh_Tiwari

      Hi there,

       

      Thanks for reaching out. If I understood correctly, you are talking about the similar feature discussed here: https://community.adobe.com/t5/adobe-xd/feature-request-to-make-component-interactions-have-priority-by-layer-place-in-panel-top-first/m-p/11156905?page=1#M30065

       

      If correct, please post a new request or upvote an existing request. If that's not what you are looking for, would you mind explaining a bit more with the help of a few screenshots of the design? We'll try our best to help you with it.

       

      Regards

      Rishabh

      1 reply

      Rishabh_Tiwari
      Community Manager
      Rishabh_TiwariCommunity ManagerCorrect answer
      Community Manager
      August 14, 2020

      Hi there,

       

      Thanks for reaching out. If I understood correctly, you are talking about the similar feature discussed here: https://community.adobe.com/t5/adobe-xd/feature-request-to-make-component-interactions-have-priority-by-layer-place-in-panel-top-first/m-p/11156905?page=1#M30065

       

      If correct, please post a new request or upvote an existing request. If that's not what you are looking for, would you mind explaining a bit more with the help of a few screenshots of the design? We'll try our best to help you with it.

       

      Regards

      Rishabh

        M
        Markus_KuurantaAuthor
        Participating Frequently
        December 1, 2020

        Here's a video that describes the problem.

         

        The intention is to display the text container when I hover on the button.

        The text container should not be part of the area that reacts to mouse. However, moving my mouse to the white area above the button seems to trigger the hover state.

          SammiMars
          SammiMars
          Participating Frequently
          September 13, 2021

          Did you ever get a fix or workaround for this?  I'm having the exact same problem?

           

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