Re: [csswg-drafts] [css-grid-3][masonry] item-flow row vs. column in masonry layouts (#12803)

@alisonmaher In Flexbox, `row-reverse` means place items in reverse order within the rows, and `wrap-reverse` means rows stack in reverse. So for English, `row-reverse` is right-to-left placement of items, and `wrap-reverse` is bottom-to-top stacking of rows. It would be the same in grid: `row-reverse` is right-to-left placement of items, and `wrap-reverse` is bottom-to-top stacking of rows.

In masonry, if we go with option 2, the behavior is exactly analogous: `row-reverse` places items right-to-left instead of left-to-right across the columns, and `wrap-reverse` stacks them up instead of down.

If we go with option 1, where `column` creates a waterfall layout, does `column-reverse` reverse the stacking order within the column, or reverse the placement order across columns? Whichever it does, `wrap-reverse` should presumably control the opposite axis. But also then starts to feel a bit confusing, imho...

-- 
GitHub Notification of comment by fantasai
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12803#issuecomment-3309191170 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 18 September 2025 19:04:31 UTC