Participant

Answered

Hover States Jump when viewing the Share Link

Forum|Forum|5 years ago
October 25, 2020
5 replies
2492 views

I've set up some component states with a hover, but when I view them with the share link, the text within the states "jump" to different positioning (vertically). My XD file is not set up for them to move, and I'm wondering how to stop them from "jumping" like this. I do not want the text in the states to "jump," I just want the hover with the text in the same positioning for both states as it is in my file.

This topic has been closed for replies.

Correct answer Chris Rhaun

You can also fix it by changing the text from AUTO to FIXED

N

nfargher

Participant

I've got a quick workaround that worked for me. If you simply remove the text from the component (so it's on a separate layer) it should fix the jumping. That's what I did and the hover interaction looks good now. It's not ideal, especially if you have a ton of component instances, but for a quick presentation it looks fine.

C

Chris RhaunCorrect answer

Inspiring

You can also fix it by changing the text from AUTO to FIXED

J

Jennifer5C88Author

Participant

Oh my gosh ... this fixed it! I can't tell you how much trouble shooting I've done! Thank you so much for this tip! You've saved me so much time! I really appreciate it!

C

Chris Rhaun

Inspiring

So when we are getting update that will fix this issue? What are we paying for? Fix your laggy app ASAP!

L

lukasm28156800

Participant

I have the same issue, latest update. Text in hover components jump up in live preview even though they are not set up to move at all. Seems like it only happens in the browser preview and not the local in app preview.

Rishabh_Tiwari

Legend

Hi there,

Sorry for the delay in response. Please update XD to the latest version which is 34.3. and check if it still happening? If it is still happening, please share a sample link so that we can test that on our end?

Regards

Rishabh

C

Chris Rhaun

Inspiring

I do have the same issue, and i have updated my XD to 34.3.12.1, this is a big and really annoying issue here.

A

Ambert

Participant

Same thing is happening to me

Rishabh_Tiwari

Legend

Hi Jennifer,

Thanks for reaching out. Could you please ensure that you have updated XD to the latest version that is 34.1.12.9 and then check again if it's happening or not. If it is still happening will it be possible for you to share a screenshot of how the component looks in XD app and how it looks on the web preview. We'll try our best to help you with it.

Regards

Rishabh

J

Jennifer5C88Author

Participant

Hello -

Yes, I have XD version 34.1.12.9.

I'm setting up a nav bar so that each item has a default state (white text, 0% opacity bar) and a hover state (teal text, teal bar). I'm attaching screenshots of what these look like in XD ("Nav bar.png" and "States.png").

When I preview via the Desktop Preview, everything performs as it should.

When I preview via the Share Link, these nav bar items jump up vertically. They only jump up briefly, and then go back to their correct location shortly after. They jump when I hover over them in the first place, and then they jump again when I move my mouse away.

("Jump.png") Here, you can see that the "About" nav item has jumped vertically from the others. I'm trying to get it to stay in the same location, just change colors.

I'm using Chrome to preview the Share Link.

Looking forward to any thoughts you have on this.