Skip to main content
marcoc88569306
marcoc88569306
Known Participant
September 3, 2020
Answered

Hover state of component automatically shifting by 4px on the Y axis

  • September 3, 2020
  • 2 replies
  • 2080 views

Hello all, I've created a component and a hover state for it. Both default and hover state are exactly 960px square. When I toggle between the two the Y measurement keeps changing by 4 px. So, Defaukt state is 960px high with a Y measurement of 200px. When I click on the hover state the Y measurement automatically resets to 204px. If I manually change it to 200px then the Y measurement of the Default state automatically resets to 196px. In both states the dimension of 960px square does not change, I just move around some components inside the 960x960px panel, I'm new to XD so there may be an obvious answer, but what am I missing?

    Correct answer Spas K.

    It's because one time you edited the contents within the component, and after that you are trying to fix it by moving the component itself, which has no effect. When you are editing stuff in the component, make sure you are actually inside it, like this:

     

              

    If you select the component itself, and move it, you move it along with all its states and elements, that are relative to its position, so everything will stay the same within it. If you move the rectangle within the component, then you are making actual changes.

     

    If that doesn't help, upload screenshots of what you're making specifically, that include the opened component in the layers panel, so we can better see what's happening 🙂

    2 replies

    Spas K.
    Community Expert
    Spas K.Community ExpertCorrect answer
    Community Expert
    September 4, 2020

    It's because one time you edited the contents within the component, and after that you are trying to fix it by moving the component itself, which has no effect. When you are editing stuff in the component, make sure you are actually inside it, like this:

     

              

    If you select the component itself, and move it, you move it along with all its states and elements, that are relative to its position, so everything will stay the same within it. If you move the rectangle within the component, then you are making actual changes.

     

    If that doesn't help, upload screenshots of what you're making specifically, that include the opened component in the layers panel, so we can better see what's happening 🙂

      marcoc88569306
      marcoc88569306Author
      Known Participant
      September 4, 2020

      Awesome, thank you! You're right, I didn't realise I'd accidentally moved the panel inside the component hover state. Now fixed. Thank you!

        HARSHIKA_VERMA
        Community Manager
        HARSHIKA_VERMACommunity Manager
        Community Manager
        September 7, 2020

        Glad to hear that the issue is resolved. Please feel free to reach out to us in the future for any query related to XD. We would be happy to help.

         

        Great observation, Spas K and thanks for your contribution to the post and helping the customer. We appreciate your response on XD community. 

         

        Thanks,

        Harshika

        HARSHIKA_VERMA
        Community Manager
        HARSHIKA_VERMACommunity Manager
        Community Manager
        September 3, 2020

        Hi there,

         

        Welcome to the Adobe XD Community!.

         

        Thank you for reaching out and using Adobe XD. Would you mind sharing the OS and XD version of your machine? Please check if it's happening with every components or with this component only.

         

        We will try our best to help.

         

        Thanks,

        Harshika

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