Twenty Twenty-One: Aligned images cannot be resized or are properly displayed

[mrfoxtalbot]

1. Add two blocks: One paragraph and one image.
2. Place the image on top and align it to one side.
3. Try to scale the image up to use 75% or more of the available width.

This seems to possible in the editor but when visiting the public site, the image will never use up more than 50% of the available space.

There is as similar issue affecting Twenty Twenty: https://core.trac.wordpress.org/ticket/55581#ticket

[mrfoxtalbot]

Scaling floated image blocks does not work as expected

[joyously]

The style has a max-width related to the viewport, which makes sense for a floated image, so the text has room to wrap around.

[sagarladani]

Hello @mrfoxtalbot,

According to the standard, we cannot change the size in this way. In case you have changed the size, you can do it manually by selecting the height and width options on the right side.

You can also add a class and use this class to add style to your images. For example add your class in image and you have add your class name is "abcd". Please find below CSS and apply to your project.

.entry-content > .wp-block-image.abcd figure {
    max-width: inherit;
}

Hoping that your issue has been resolved, try this one if you still have questions, let me know.

Thanks

[mrfoxtalbot]

Thank you for your replies @sagarladani & @joyously

It feels a bit too opinionated but I understand and see merit in the idea of limiting the max-width of an image to allow text wrapping around.

My beef here is that, if the changes are not going to be reflected in the public site, it should NOT be possible to make the image bigger than 50% in the editor itself, as this can lead to confusion and frustration.