[Design] Responsive resize + auto-padding issue

Question

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.

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.

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

Harshika Verma · Accepted Answer

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:

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

Hope it helps.

Thanks,

Harshika

Harshika Verma · Answer

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

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded