Images not loading in full size when Gutenberg plugin is active.

[maciejpilarski]

Quick summary

When the Gutenberg plugin is active on Business plan subscriptions, the images are not loading properly, they are too small, different from what is visible in the Editor:

Steps to reproduce

1. Navigate to the site adammoorecreate.com when Gutenberg is active. The images are loading small.
2. Deactivate the Gutenberg plugin on the site, images are loading correctly.

What you expected to happen

Images to load properly.

What actually happened

Images are loading small.

Impact

Most (> 50%)

Available workarounds?

Yes, easy to implement

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

Add the following CSS code:

img:is([sizes="auto" i], [sizes^="auto," i]) {
    width:100% !important;
}

Or, deactivate the Gutenberg plugin if the above CSS code doesn't work.

Platform (Simple and/or Atomic)

No response

Logs or notes

WordPress Version: 6.7 Gutenberg Version: 19.6.2

[maciejpilarski]

9052471-zen

[maciejpilarski]

9052425-zen

[github-actions[bot]]

OpenAI suggested the following labels for this issue:

• [Feature Group] Editor Experience: The issue relates to the Gutenberg editor and how it affects image loading on the site.
• [Feature] Core Blocks: The problem is likely tied to how core Gutenberg blocks are rendering images incorrectly.
• [Feature] Media: This issue directly concerns media management, focusing specifically on image display issues.
• [Feature] Plugins: The problem arises due to the Gutenberg plugin, which affects site functionality.

[daria2303]

9052487-zd-a8c

Only in Chrome, deactivating Gutenberg helped.

[github-actions[bot]]

Support References

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

• [ ] 9052471-zen
• [ ] 9052425-zen
• [ ] 9052487-zen
• [ ] 9054562-zen
• [ ] 9054800-zen
• [ ] 9060268-zen
• [ ] 9060128-zen
• [ ] 9064905-zen
• [ ] 9065786-zen
• [ ] 9069782-zen