Different look backend vs frontend. Blocks have less width compared to frontend.

[paaljoachim]

Description

Hei

I have come across this a few times. It might be me misunderstanding a setting.

I have noticed the frontend looks like this:

Clicking to edit the front page going to the backend in the post editor it looks like this:

Clicking to edit the Front Page template I see this:

I am using Twenty Twenty Three. WordPress 6.2.2. Various plugins as well as the latest Gutenberg plugin. As I mentioned I have seen this earlier. I do not understand why the Post Editor is showing the full width block smaller in the backend.

Step-by-step reproduction instructions

Screenshots, screen recording, code snippet

Environment info

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

No

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

No

[ndiego]

This is due to "Inner blocks use content width" not being enabled on the Post Content block. I would consider this a bug, though, because there are some default widths that get applied in the Post Editor if there is no layout setting. I believe this might be a backward compatibility thing, but a confusing experience nonetheless for block themes.

[ndiego]

cc @andrewserong @tellthemachines any chance you would be able to look at this when you have a second? The following CSS still get applied in the Post Editor, even when Inner blocks use content width" is disabled. Note the 720px is the contentSize in the theme I am testing.

[tellthemachines]

Thanks for reporting, this looks like a bug in the post editor styles. Looking into it!