Need "Fill container" resizing when using Wrap AL

I’d really appreciate this option available even if it necessarily means that AL content switches from “Fill container” to “Fixed height” when moved to another row.

I’d like to use Wrap AL for responsive rows of instances of text-filled cards/tiles with total heights dependent on inner content, making all the cards in the group vary in height. Usually, I would leave vertical “Hug contents” on the tallest element in the group, setting others to “Fill container”, whereas with Wrap AL, such option is greyed out. Why’s that so? And does it need to stay like that?

4 Likes

Exactly what I need! We have a row of cards with slightly different text lengths. I want to use wrap but also vertical fill before wrapping.

Actually I would even want to go one step further than Matej_Portes: I’d like a combination of hug and fill: I want all items to take the height of the tallest item while having it also on hug so as soon as another item gets taller (because I add more content), all others grow with it. This way I don’t have to know beforehand which element is going to be the tallest.

3 Likes

1000%. A lot of recent new features, including design tokens, as however impressive they are remains half-baked against real-life chaos/applications.

Considering we have “AI”, “Automation”, “assistive tools” thrown around as novelty just for keeping up with the jonesses it is amazing how even the most bare-minimum(s) of web development features, are still left out. Vertical Fill-Container with AL Wrapping, relative units (rems, VW, VH,) to name a few.

It’s been almost six months since this was raised. It’s time to upvote this.

It is not possible to set individual items to fill in a Wrap frame, due to how things will get out of place as you resize the width and children of different heights move between rows.

It is, however, possible to set all children to Fill by first selecting all children (you can do this by selecting the parent, then press Enter), then set them all to Fill. This will make them behave similar to Stretch in CSS Flexbox.

Hi, Jackie.

I wouldn’t mind if the children get out of place (= switch to fixed height) when the parent container width changes. I’d like to be able to set the height of a child to “fill” even if it would mean to set everything from “fixed” to “fill” again for any given parent width.