CoBlocks Stacked, Masonry, Offset, Carousel: can't select individual images (for reordering, caption editing, etc) on Simple sites

[supernovia]

Quick summary

On simple sites, the Masonry gallery block does not display arrows to rearrange images after a gallery is created, because I can't actually select an individual image. It's very similar to this issue, so may be due to the same PR: WordPress/gutenberg#67305

Steps to reproduce

1. Add a masonry gallery block on a simple site
2. Try clicking on an image to re-order it;

What you expected to happen

I should be able to click an image to select it, then get arrows to re-order

What actually happened

Clicking on an image selects the whole Masonry block instead, and there's no way to select individual images (even with list view) to re-order them. So there aren't any arrows available because I can't select an image.

This is what it looks like on .org vs currently on simple .com

on .com I can't click an image or expand list view:

on .org, and atomic with updated CoBlocks, I can click images to get arrows, and can expand list view:

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

If the above answer is "Yes...", outline the workaround.

A user must know to do it, but now that the bug is fixed in the Gallery block, they can switch to Gallery, re-sort the image, and then switch back to Masonry.

Platform (Simple and/or Atomic)

Simple

Logs or notes

No response

[supernovia]

9243683-zd-a8c

[github-actions]

Support References

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

• 9243683-zen
• 9240861-zen
• 9245803-zen
• 9246143-zen
• 9226573-zen
• 9240766-zen
• 9210646-zen
• 9257244-zen
• 9234750-zen
• 9230592-zen
• 9211355-zen
• 9283246-zen
• 9296114-zen

[supernovia]

9240861-zd-a8c

[nukak2024]

9245803-zd-a8c

[jartes]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated/ Could Not Replicate / Uncertain
• Tested on Atomic – Could Not Replicate

📌 FINDINGS/SCREENSHOTS/VIDEO
I noticed that on Simple sites, we are running an older version of the plugin.

📌 ACTIONS

• Triaged
• Asked in Slack to see which team can take a look at this issue: p1736341687487189-slack-C029GN3KD

[dsas]

Removing an image from the masonry gallery also doesn't work because a button isn't there.

Atomic sites use the upstream version of coblocks which significantly rewrote how the images inside the gallery work in v2.20 (see godaddy-wordpress/coblocks#2117).

Simple sites use the old version of the masonry block which has it's own bespoke inner image system, including ordering (see godaddy-wordpress/coblocks#563).

I'd guess something to do with the old version broke in newer versions of Gutenberg.

[supernovia]

Agreed @dsas ; is there anything we can do to get a newer version on Simple? I seem to recall some other issues on simple that just need an update, too.

[supernovia]

9246143-zd-a8c

[supernovia]

9226573-zd-a8c

[dsas]

@supernovia I don't have a great answer for you :) Yes there is stuff we can do, I don't know the best way to do it or who is going to be available to work on it though.

I left some thoughts in p1736344750236229/1736341687.487189-slack-C029GN3KD. Feel free to escalate if it doesn't get resolved in a timely enough way.

[supernovia]

9240766-zd-a8c

[supernovia]

@supernovia I don't have a great answer for you :) Yes there is stuff we can do, I don't know the best way to do it or who is going to be available to work on it though.

I left some thoughts in p1736344750236229/1736341687.487189-slack-C029GN3KD. Feel free to escalate if it doesn't get resolved in a timely enough way.

Thanks. Now that the related gallery block issue is fixed, we at least have a reasonable workaround to give folks (switch to gallery block, sort images, switch back to Masonry) but since they won't be able to guess that without contacting support, I'm hoping we can find a fix soon.

[supernovia]

9210646-zd-a8c

[jartes]

Adding ticket links from the closed reports:

9257244-zd-a8c
9234750-zd-a8c
9230592-zd-a8c
9211355-zd-a8c

[desnum]

Similarly, the "Offset" block does not have an option for editing or reordering the images within it, in any way. (see notes in 9283246-zd-a8c).

A suggested workaround was to transform to the Gallery block, make the edits, and then transform back to the Offset block.

[nazilya06]

9296114-zd-a8c

The user is unable to edit images (add custom URLs) that are part of the "Offset" block. A suggested workaround was to transform to the Gallery block, make the edits, and then transform back to the Offset block.