• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

Elements in component states jump around in prototype

Explorer ,
Jul 20, 2021 Jul 20, 2021

Copy link to clipboard

Copied

In the editor, my component looks just as I'd expect. 

In preview and posted prototypes, the elements in the component jump around between states.

 

I started out with a nested component to get the menu I needed but simplified things to try and make things easier on XD. I've been banging my head against the wall on this for close to an hour, trying every variation I can think of. Nothing seems to make a difference. 

 

This is the second time I've hit this behavior with XD in the last week. For the last one, I just gave up and created an old school static representation of each state for my team. Cutting edge.

 

Here's the states in design mode. Gif compression wiped out most of the differences, but you get the idea. The "more" button is not part of the component.

 

xd--good-states.gif

And here's how it behaves in Preview mode and shared prototypes.

 

xd--bad-proto.gif

Views

535

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 20, 2021 Jul 20, 2021

Copy link to clipboard

Copied

( Apparently, I can't edit my post … )

 

I should note that the "fixed size" text tweak that seems to work when the text moves vertically, did not help me in this situation. I also tried getting rid of auto-animate -- that makes the text flash as if the layer is being turned off.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 20, 2022 Apr 20, 2022

Copy link to clipboard

Copied

Anyone have a solution for this? I'm baffled. I've got some buttons jumping around that look fine in the main componants. All I can think to do is rebuild them.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Apr 20, 2022 Apr 20, 2022

Copy link to clipboard

Copied

A component rebuild was the only thing that worked for me. This was one of many painful problems with what could have been XD's killer feature.

 

I was wasting so much time tracking down component problems that I just saved myself the pain and started rebuilding everything in Sketch. I'm in a much happier place now.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 20, 2022 Apr 20, 2022

Copy link to clipboard

Copied

Thanks for the quick reply!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 18, 2023 Sep 18, 2023

Copy link to clipboard

Copied

LATEST

Just reveal the component in Assets and rename the component. Annoying, but it fixes the issue.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines