wp-calypso Gutenberg: Editor content is full width on classic themes

Quick summary

Customer contacted us (36716345-hc) to note that the content in the block editor on their site is suddenly full width. (They weren't able to provide a specific timeline, but noted the change was from at least the past week. I suspect this may be much more recent and related to a Gutenberg update.)

The live site and previews aren't affected, but there is no padding/margin to either side of content in the editor anymore.

Steps to reproduce

Activate a classic theme (i.e. non-block/FSE theme) on a simple site (e.g. Hever, Twenty Twenty).
Open the block editor for a page or post.

What you expected to happen

The max or default content width in the editor should match what is expected for that theme.

Example from Meraki (FSE) theme: Markup on 2022-08-31 at 13:42:30

What actually happened

The content spans the entire width of the editor, with no margins or padding.

Example from Hever theme: Markup on 2022-08-31 at 13:43:18

Context

5522029-zd-woothemes

Platform (Simple, Atomic, or both?)

Simple

Theme-specific issue?

Reproduced on Hever and Twenty Twenty. Unable to reproduce on block themes like Meraki or Twenty Twenty-Two.

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

No but the platform is still usable

Workaround details

No response

Aug 31 '22 18:08 jp-imagines

Support References

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

[x] 5522029-zen
[x] 5522171-zen
[x] 5522063-zen
[x] 5522356-zen
[x] 5522706-zen
[x] 5522948-zen
[x] 2385576-zen
[x] 5522886-zen
[x] 5522942-zen
[x] 5523081-zen
[x] 5523406-zen
[x] 5522499-zen
[x] 5523967-zen
[x] 5524003-zen
[x] 5524135-zen
[x] 5524374-zen
[x] 5524155-zen
[x] 5522543-zen
[x] 5524342-zen
[x] 5522305-zen
[x] 5523835-zen
[x] 5524150-zen
[x] 5524253-zen
[x] 5522624-zen
[x] 5485527-zen
[ ] 5566112-zen
[ ] -zen
[ ] 5658376-zen

Aug 31 '22 18:08 github-actions[bot]

Another instance of this reported here for Toujours: 5522171-zd-woothemes

Aug 31 '22 19:08 connorhipps

Another here, on Aquene:

[ ] 5522063-zen

Aug 31 '22 19:08 thekingsprojects

Another here with Independent Publisher 2: 5522356-zd-woothemes

The user also reported, "the pictures inserted are much larger than when I viewed them last time". Please see the ticket for the referenced post in question.

Aug 31 '22 20:08 connorhipps

We have a handful of users reporting in this thread: https://wordpress.com/forums/topic/suddenly-have-edge-to-edge-text-in-default-editor-unreadable-unusable/

I confirmed it's happening in Gema on my site.

This user is using Franklin. I'm finding out about the others.

Aug 31 '22 21:08 supernovia

At first, I wasn't able to replicate this on a .org site with the default, Twenty Twenty-Two theme active. But then I tested on a Simple site with this theme, and I couldn't replicate it. So it sounds like only some themes are affected.

Taking one of the examples above, I installed Independent Publisher 2 on a self-hosted site. And here are the results:

Independent Publisher 2 theme on self-hosted, Gutenberg plugin deactivated: Screen Shot 2022-09-01 at 3 46 35 AM