CoBlocks Masonry block loses grid layout when added to template on Simple Sites

[kingsleyinfo]

Quick summary

The masonry block loses its alignment and gets stacked when used in a template ~part/ template pattern that's applied to a page with a slideshow block.~

• Updated 2023-08-16 to reflect findings from triage tests -cuemarie

---

To explain how this occurs, see the reproduction steps below.

The workaround I discovered was to add a blank image block below the slider block while adding content to the page.

Steps to reproduce

1. Apply the Hari theme.
2. Edit the page template and include a template pattern with masonry styled gallery block.
3. Add this pattern to the footer or under the post content block.
4. Create a new page and include a slider block.
5. Apply the page template you edited above.
6. Save changes and preview the page.

Video: https://github.com/Automattic/wp-calypso/assets/27249804/6e1c4929-715e-4a0a-b4bb-ad39be504141

What you expected to happen

I expected the Masonry block to display properly irrespective of which block was used in the page

What actually happened

Masonry blocks are stacked vertically when a slideshow block is used on the main page.

Impact

One

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Simple

Logs or notes

Not tested on Atomic sites yet.

Tested with Hari theme Test page: https://chpreloaded.blog/multi-column/

Ticket: 6667824-zd-a8c

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 6667824-zen
• [ ] 8650624-zen

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple – Replicated - Somewhat
• Tested on Atomic – Could Not Replicate

📌 FINDINGS/SCREENSHOTS/VIDEO

• From my tests, I'm seeing that the CoBlocks Masonry Block stacks as described when it's added to the template on a Simple Site, regardless of what else exists on the page/post.

Screenshots/Recordings

Simple site test

• CoBlocks: 2.18.1-simple-rev.4

Masonry Block added to Post

Masonry Block added to Template

It seems when the Masonry Block is in the template, and there's not also a Masonry block on the post itself, the Masonry block no longer contains

Atomic site test - not replicable

CoBlocks Version 3.1.2

https://github.com/Automattic/wp-calypso/assets/27249804/6bc34c65-69be-49b5-a14f-bbae91b47544

📌 ACTIONS

• Assigned to Non-Urgent

📌 Message to Author

• CoBlocks has been disabled for simple sites created after 2020-10-26, and sites older than that use CoBlocks: 2.18.1-simple-rev.4 which we no longer maintain.
• For any users that encounter this issue, I'd recommend we encourage them to try out other block options for their gallery, or moving the Masonry block onto a page or post instead.
• More info: p9oQ9f-1yg-p2

[mdtanjid0]

Got a similar issue here: 8650624-zen advised them to use Tiled Gallery Block.