3rd party Greenshift Image Blocks all get same SRC after multi selection attribute change facilitated by Gutenberg API

[porg]

Reproduction

1. Select multiple Greenshift Image blocks.
2. Inspector → Choose an attribute you want to change for all of them.

• e.g. Image Size: Full → Medium

Expected: The attribute changes for all of them.
That happened indeed: The size version got reduced from width “full” 2560px to “medium” 300px for all images.

Undesired side effect: The images are now all the same!

WordPress.Greenshift.Image.Block.-.After.multi.block.attribute.change.all.images.point.to.same.src.mp4

Inspecting markup markup before/after inspected in revision diff viewer

• They still have the different ALT tags.
• They still have their unique “id” and “mediaid” in their JSON notation markup.
• But they all point to the same file (mediaurl in JSON and src attribute of img.)
• According to the plugin developer @wpsoul this faulty outcome is part of Gutenberg and we can’t affect it via plugin

Environment

• WordPress 6.2.2, still in 6.3
• Gutenberg 15.9.1 (video/screenshots), still in 16.3.0
• Greenshift 6.5.6 and its Image block
• Note: My Media Library resides on a subdomain as supported by WordPress → Settings → Media →
  • Store uploads in this folder: /path/to/subdomain-directory/com-example-media
  • Full URL path to files: https://media.example.com
  • Maybe it plays a role in this bug. Maybe not. At least wanted to mention it.

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

No

[porg]

Retested after tonights update of WordPress from 6.2.2 to 6.3 and it is still the same.

• Added that version info to the issue description.

[getdave]

@jordesign I'm not sure the label of Link Editing is the right one here. That is reserved for Issues related to the creation of hyperlinks within the editor.

[porg]

I don't know your project tags and system, but I'd assign tags like: Image Block, Bulk Editing, Responsive Images (that's the attribute I changed actually), Data Integrity, HTML Attributes.

[Mamaduka]

This really depends on implementation details in the Greenshift plugin.

Hi, @wpsoul

Can you share a simplified code of how these attribute updates are done?

[wpsoul]

@Mamaduka

it's using regular setAttributes

Next happens. Each image has own set of sizes and each size has URL. they are taken from select('core').getMedia

when you change size, then, URL of image is also updated in src attribute.

Next code

const onChangeImageSize = (key) => {
    if (!imageObject) return;

    setAttributes({ imageSize: key, mediaurl: imageObject.media_details.sizes[key].source_url });
};

this is imageObject

const imageObject = useSelect(
        (select) => {
            const { getMedia } = select('core');
            return mediaid ? getMedia(mediaid) : null;
        },
        [mediaid]
);

[github-actions]

Hi,
This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.