Image block: image size feature does nothing

[cecilearkay]

The Image size feature of the Image block doesn't seem to work on WordPress.com. It works fine on self-hosted.

Steps to reproduce

1. Add an Image block with an image
2. Choose a size in the dropdown for Image size
3. Notice it does nothing

What I expected

The image to adapt to the size I chose.

What happened instead

Nothing.

Screenshot / Video

EDIT: It was reported in 3039744-zd

[tanjoymor]

I was able to reproduce this in various themes: Hever, Scrawl and Gazette

Selecting the image block and then using the blue marker dots to resize the image does work as a work around: https://d.pr/i/3w9em0

[tbradsha]

Same issue in 3058622-zen; confirmed on my test site.

For me, both the "Image size" dropdown and the "Image dimensions" height/width settings seem to adjust when within the editor, but they aren't reflected on the live site.

[kaitohm]

Another user report: 21672507-hc --> 3059202-zen

Site is Atomic, using the Arcane theme. Size settings in the block do not change the block in either the editor or the front-end of the site.

[kaitohm]

Another user report: 21845661-hc

Simple site on Soho theme where changing image sizes does not work. In fact, the image size code conflicts with theme styling, making it impossible to set an image to alignfull. Manually removing the image size class in the block code makes alignfull possible.

(The above user interaction has a screen recording of showing this workaround to the user.)

[zdenys]

I had a related case involving Floral theme (retired premium) and initially, I thought it was about Image Block p1591890840110400-slack-CS108SDLZ but seems to be theme specific so it's reported here 3092-wpcom-premium-themes I remember they mentioned that changing Image size did nothing indeed, so exactly as described above.

Up until 2 weeks ago, setting the Image Block to Full Width in the Editor, the user got the full view like this ​https://d.pr/i/iqORQF but now it’s not working anymore and they see it like this ​https://d.pr/i/GTNGjy
Adding the alignfull class (as per this ​https://wordpress.com/support/adding-additional-css-classes-to-blocks/#make-use-of-existing-custom-css-classes) to each image fixes the issue

[zdenys]

After some more testing, I can see the issue on a fresh install of https://jurassic.ninja/ + latest Gutenberg Plugin. Here's the screencast: https://d.pr/v/cOXxJF

On https://jurassic.ninja/ site without Gutenberg Plugin the Image Block has no issues: https://d.pr/v/jEUheH

I haven't had the time to check if it's reported at https://github.com/WordPress/gutenberg yet but should be reported there to be fixed.

EDIT: Found this issue reported for Gutenberg plugin: WordPress/gutenberg#21681 So it should be fixed there first.

[zdenys]

Another case: 3063194-zen (where we need to follow-up after the fix).

I started a Slack thread p1592331141054500-slack-CBTN58FTJ to see if it can be prioritized.

[retnonindya]

Another report: #21990733-HC

The user also reported slowness on the editor, and they wondered if the editor slowness has anything to do with this issue.

[supernovia]

Another here:
https://wordpress.com/forums/topic/image-size-drop-down-menu-does-nothing/#post-3512978

Also do we know if this is happening in Gutenberg itself?

edit: can confirm this does not happen on my .org instance currently.
edit again: wrong paste!
edit again again: I just realized the Gutenberg plugin was off on my test site. :)

[razvanpapadopol]

The user also reported slowness on the editor, and they wondered if the editor slowness has anything to do with this issue.

This issue has nothing to do with the slowness issue which have been solved by Coblocks patch release 2.0.1. p9F6qB-5ok#comment-30161

Also do we know if this is happening in Gutenberg itself?

Yes and the proposed fix in Gutenberg has been merged and it will be included in the next Gutenberg release.

[razvanpapadopol]

On hold until Gutenberg 8.4 is deployed on WordPress.com.

Issue to track the Gutenberg update: #43525

[zyousafi]

Another user report here #18727906-hc

I suggested disabling the Gutenberg plugin and directed the user to the WP-Admin editor. When using the editor there, they have no problems with the resizing when using the Image Block

[tellyworth]

I can reproduce this with Twenty Twenty and the Photos themes.

Additionally, the "Image Dimensions" settings don't seem to allow for an image larger than 640px wide. Even if I manually enter a width and height of say 1024 x 768, I get a 580px image in the post. This is with a jpeg that is 2400x1600.

This is pretty catastrophic for photoblogging. Here's a sample screenshot of a recent post on my blog, with the largest image I can insert:

(Is this the same issue or should I report it separately?)

[yansern]

This is now fixed for Gutenberg >= 8.4.0. Production is still on 8.3.0. Won't be long for the new release to roll in.
WordPress/gutenberg#23342