Highlighted

[Design] Responsive resize + auto-padding issue

Contributor ,
Sep 21, 2020

Copy link to clipboard

Copied

I'm creating a group with 3 elements: a background panel, a vertical bar and text element.

I group all 3 together and set the vertical bar to have responsive resize - manual. I fix the width and anchor the top, left and bottom points. When I resize the background panel, the sidebar panel resize as well.

adobe bugxd3a.gif

 

Now I activate the auto padding and leave the automatic values. As I type in the text and break the line, the background panel will grow its height because the text. 

adobe bugxd3b.gif

 

Althought, shouldn't the sidebar follow background panel's height too?

Thanks for waiting, Franco. Team mentioned that this is working as designed and explained that

this is happening because only the large rectangle is made background. For both the rectangles (large one and vertical bar) to resize simultaneously as and when the text grows, you need to group both rectangles, add the text on top and group all and apply padding to the entire group.

 

This is how the group should look:

layers.png

I have attached the link of the screen recording as well: https://we.tl/t-DjyetUICH1

 

Hope it helps.

 

Thanks,

Harshika

Views

82

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

[Design] Responsive resize + auto-padding issue

Contributor ,
Sep 21, 2020

Copy link to clipboard

Copied

I'm creating a group with 3 elements: a background panel, a vertical bar and text element.

I group all 3 together and set the vertical bar to have responsive resize - manual. I fix the width and anchor the top, left and bottom points. When I resize the background panel, the sidebar panel resize as well.

adobe bugxd3a.gif

 

Now I activate the auto padding and leave the automatic values. As I type in the text and break the line, the background panel will grow its height because the text. 

adobe bugxd3b.gif

 

Althought, shouldn't the sidebar follow background panel's height too?

Thanks for waiting, Franco. Team mentioned that this is working as designed and explained that

this is happening because only the large rectangle is made background. For both the rectangles (large one and vertical bar) to resize simultaneously as and when the text grows, you need to group both rectangles, add the text on top and group all and apply padding to the entire group.

 

This is how the group should look:

layers.png

I have attached the link of the screen recording as well: https://we.tl/t-DjyetUICH1

 

Hope it helps.

 

Thanks,

Harshika

Views

83

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 21, 2020 0
Adobe Employee ,
Sep 23, 2020

Copy link to clipboard

Copied

Hi there,

 

Thank you for reaching out. It looks like you are trying to show that as soon as you enabled the padding with responsive resize the link breaks and the bar doesn't resize as per the background panel. Is it possible for you to share the file with me so that we can escalate and investigate about it? Are you on the current version of XD 33.1 and on windows 10 machine?

 

We will try our best to help.

 

Thanks,

Harshika

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
Contributor ,
Sep 23, 2020

Copy link to clipboard

Copied

Hello! Yes, Windows 10, XD 33.1.12.4. You can download the file here.

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
Adobe Employee ,
Sep 23, 2020

Copy link to clipboard

Copied

Thank you for the file and info. I have logged a bug for the issue so that our engineering team can investigate on it. I will update you as soon as I hear back from the team.

 

Hope it helps.

 

Thanks,

Harshika

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
Adobe Employee ,
Sep 28, 2020

Copy link to clipboard

Copied

Thanks for waiting, Franco. Team mentioned that this is working as designed and explained that

this is happening because only the large rectangle is made background. For both the rectangles (large one and vertical bar) to resize simultaneously as and when the text grows, you need to group both rectangles, add the text on top and group all and apply padding to the entire group.

 

This is how the group should look:

layers.png

I have attached the link of the screen recording as well: https://we.tl/t-DjyetUICH1

 

Hope it helps.

 

Thanks,

Harshika

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 28, 2020 1
Contributor ,
Sep 28, 2020

Copy link to clipboard

Copied

Thank you for the feedback! I didn't know a group could work as a background for the auto-padding! That's cool! 

 

Thanks again!

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 28, 2020 1
Adobe Employee ,
Sep 29, 2020

Copy link to clipboard

Copied

You're welcome. Please feel free to give us a shout on forums if anything else crops up. 

 

We would be happy to help.

 

Thanks,

Harshika

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 29, 2020 0