Image Block: Can be resized in a small viewport even though the block is wide-aligned

[t-hamano]

Description

In the large viewport, the Image block cannot be resized if they are wide-aligned or full-width. I think this is the expected behavior, since if it's wide, it will be as wide as the theme defines, and if it's full width, it will span the full width of the canvas.

However, a small viewport width allows us to resize the image even if it is wide or full width. I think this is unintended behavior.

Whether the Image block can be resized is determined by the isResizable variable below:

gutenberg/packages/block-library/src/image/image.js

Lines 196 to 199 in 9855f16

	const isResizable =
	allowResize &&
	hasNonContentControls &&
	! ( isWideAligned && isLargeViewport );

Please pay particular attention to the following parts of this conditional statement.

! ( isWideAligned && isLargeViewport );

Originally, this conditional statement had the following format:

! isWideAligned && isLargeViewport;

It appears that a conditional statement with the same meaning was originally added in #3344 to disable resizing on the small viewport.

I suspect that this conditional statement was changed unintentionally in #25940, when the gallery block was refactored (See diff).

Step-by-step reproduction instructions

• Insert an Image block.
• Apply Wide width or Full width.
• Narrow the browser width.
• The image should be able to be resized.

Screenshots, screen recording, code snippet

a7c9b8945c64613177b49081c10348ac.mp4

Environment info

No response

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

Yes

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

Yes