[Query Block] Add a Masonry layout option

[mrfoxtalbot]

What problem does this address?

Setting up a multi-column query block layout will generate a lot of empty areas:

Masonry layouts are the best way to avoid this and are extremely common in themes...

...and in external blocks (Gosign – Masonry Post Block for instance):

What is your proposed solution?

I would like to see an option next to the "columns" setting to give the layout a masonry style:

There is a related discussion in https://github.com/WordPress/gutenberg/issues/25462

[davipontesblog]

I agree this would be a great improvement to the Query loop block :)

[glendaviesnz]

Related - https://github.com/WordPress/gutenberg/issues/28247#issuecomment-1058734453

[palmsout]

I'm also dying for this to be an option -- I've tried replacing the query block with plugin-based masonry arrays, and they're impossible to work with because they inevitably fail to give you the kind of editing detail you have with the query block itself. this would be a great addition.

[palmsout]

I'm also dying for this to be an option -- I've tried replacing the query block with plugin-based masonry arrays, and they're impossible to work with because they inevitably fail to give you the kind of editing detail you have with the query block itself. this would be a great addition.

I just also want to add, in the event this becomes a feature -- it's essential that there's an option to have the full post content in masonry layout -- all the masonry plugins I've found limit you to post excerpts (and can't properly parse html within the post, like iframes and other blocks within the post content).

[linokilo]

we need a masonry grid loop option, i have many white empty spaces in archives pages, because i use vertical and horizontal images.

[jabeztadesse]

+1

[jabeztadesse]

What problem does this address?

Setting up a multi-column query block layout will generate a lot of empty areas:

Masonry layouts are the best way to avoid this and are extremely common in themes...

...and in external blocks (Gosign – Masonry Post Block for instance):

What is your proposed solution?

I would like to see an option next to the "columns" setting to give the layout a masonry style:

There is a related discussion in #25462

Have you found a solution to this so far?

[dhanson-wp]

+1 to this one. I'm finding this conversation come up over and over again. One of the biggest benefits of this layout is to allow better flow for posts that have a mix of featured image sizes and posts with and without featured images. https://github.com/WordPress/gutenberg/issues/25462 https://github.com/WordPress/gutenberg/issues/61298