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.

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.