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

Hit area of component Hover state

  • August 14, 2020
  • 1 reply
  • 8941 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.

          S
          Shoaib Ur Rah384642869nlh
          Participant
          August 25, 2024

          I have tried that. It works fine until step 4, when i unhide the tooltip (with the eye button) it changes the component area on the hover to include the tooltip and the hit area is adjusted incorrectly. It remains the correct size in the default state however.

           

          Could it be because my tooltip is a group or something?


          1 more thing. after hiding the layer please also uncheck the auto layout "fixed width" and "Fixed Height" that will reduce the boders to only button. so rest will not disturb.

          Hope it helps

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