Highlighted

Still having issues with stacks and components in preview mode

Community Beginner ,
Sep 01, 2020

Copy link to clipboard

Copied

In preview mode and shared links, stacked components overlap each other and the background to not extend to accommodate the expanded stack. However, when I click on the component states manually in XD the group stack behaves as intended. I didn't start having this issue until after the Adobe XD 31 update. There have been several updates since then and none of them have fixed this issue and this is not my first time posting about this problem. 

Hi Richard,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. If you hover an element with a hover state that grows in size, the background does not resize to fit the new state, and elements in the stack are not pushed away.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. You cannot:
    • Convert special groups into masks or Boolean groups into stacks.
    • Resize stacks in the stack direction.
    • Select a stack element and elements outside of the stack.

For more information, please refer to this similar discussion: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-dynamic-designs-with-stacks.ug.html

 

Regards

Rishabh

TOPICS
Product performance, Prototyping

Views

126

Likes

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

Still having issues with stacks and components in preview mode

Community Beginner ,
Sep 01, 2020

Copy link to clipboard

Copied

In preview mode and shared links, stacked components overlap each other and the background to not extend to accommodate the expanded stack. However, when I click on the component states manually in XD the group stack behaves as intended. I didn't start having this issue until after the Adobe XD 31 update. There have been several updates since then and none of them have fixed this issue and this is not my first time posting about this problem. 

Hi Richard,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. If you hover an element with a hover state that grows in size, the background does not resize to fit the new state, and elements in the stack are not pushed away.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. You cannot:
    • Convert special groups into masks or Boolean groups into stacks.
    • Resize stacks in the stack direction.
    • Select a stack element and elements outside of the stack.

For more information, please refer to this similar discussion: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-dynamic-designs-with-stacks.ug.html

 

Regards

Rishabh

TOPICS
Product performance, Prototyping

Views

127

Likes

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
Sep 01, 2020 1
Adobe Employee ,
Sep 02, 2020

Copy link to clipboard

Copied

Hi Ashley,

 

I am so sorry that you have to report it again as it was not resolved last time. I will escalate this to the Engineering team. Will it be possible for you to share a sample file for referece? If yes, please add the file to shared location like a DropBox or any other cloud storage and then you can either share the link here or you can DM the link.

 

Note: While sending the DM, please add this discussion link in the subject.

 

Regards

Rishabh

Likes

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
Reply
Loading...
Sep 02, 2020 0
Community Beginner ,
Sep 02, 2020

Copy link to clipboard

Copied

Thank you, Rishabh for following up on my post. I just sent you a DM with the requested file.

Likes

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
Reply
Loading...
Sep 02, 2020 0
Community Beginner ,
Sep 21, 2020

Copy link to clipboard

Copied

This is STILL an issue. I have been dealing with this issue since the end of July and here it is the middle of September and there has been no sign that this issue will be fixed.  I now have to rebuild a complex component with multiple states all because this stack issue has not been fixed. I sometimes wonder if Adobe is aware that people use XD for professional use and not just dribbble shots and adobe challenges.

Likes

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
Reply
Loading...
Sep 21, 2020 0
Adobe Employee ,
Sep 22, 2020

Copy link to clipboard

Copied

I am so sorry for the delay in response, Ashley. I am checking this with a team and I'll update this discussion as soon as we hear from them. We're so sorry for the inconvenience.

Likes

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
Reply
Loading...
Sep 22, 2020 0
Adobe Employee ,
Sep 23, 2020

Copy link to clipboard

Copied

Thanks for your patience, Ashley. I checked with the team and I understand it could be a piece of sad news asthis is one of a known limitation with stacks. For more information, please refer to this article: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-dynamic-designs-with-stacks.ug.html

 

Feel free to reach out if you have any other questions or issues in the future.

Likes

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
Reply
Loading...
Sep 23, 2020 1
Community Beginner ,
Sep 23, 2020

Copy link to clipboard

Copied

Thank you, Rishabh for following up on this issue. But just to clarify, stacks were performing correctly prior to the update at the end of July. The background does expand and push down in the components states. In fact, it does that when prototyping in the app, it just doesn't work in the preview mode or shared links. Maybe the team decided to remove that functionality with the last July update but that has not always been a limitation with stacks. 

Again, thank you for following up on this issue.


Likes

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
Reply
Loading...
Sep 23, 2020 1
Community Beginner ,
Sep 16, 2020

Copy link to clipboard

Copied

Issue is still occuring in 32.2.22.2 on Windows 10. Frustrating, and whilst I can work around it by including more elements within my component, it's messy, makes the component less reusable, and will need to be undone when the Desktop Preview  and Published web previews are fixed.

Likes

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
Reply
Loading...
Sep 16, 2020 1
Adobe Employee ,
Sep 23, 2020

Copy link to clipboard

Copied

Hi Richard,

 

Sorry to hear about the trouble. There are certain limitations with stacks which are listed below:

 

  1. If you hover an element with a hover state that grows in size, the background does not resize to fit the new state, and elements in the stack are not pushed away.
  2. Components cannot act as a background for padding and stacks. Instead, create one component that contains both the content and the background.
  3. You cannot:
    • Convert special groups into masks or Boolean groups into stacks.
    • Resize stacks in the stack direction.
    • Select a stack element and elements outside of the stack.

For more information, please refer to this similar discussion: https://helpx.adobe.com/xd/user-guide.html/xd/help/create-dynamic-designs-with-stacks.ug.html

 

Regards

Rishabh

Likes

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
Reply
Loading...
Sep 23, 2020 0