Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Editor Limited Width Issue and Possible Fix #58986

Closed
FGP-Radio opened this issue Feb 14, 2024 · 2 comments
Closed

Editor Limited Width Issue and Possible Fix #58986

FGP-Radio opened this issue Feb 14, 2024 · 2 comments
Labels
[Type] Bug An existing feature does not function as intended

Comments

@FGP-Radio
Copy link

Description

So, for some reason, my Gutenberg editor will not go to full width (please see the attached screenshot). I believe this is a bug because it started out of nowhere and I can't get it to stop, and this is actually the second site that I have had this error on.

Possible fix:
After a bit of digging in Inspector, I found a couple lines of css which seem to be the issue. I have included two screenshots. One from before removing the below style tags and one after.
The issue lines are the "max-width: 620px;" in both of the following style tags.

They are listed below:

<style> .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 620px; margin-left: auto !important; margin-right: auto !important; } .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > .alignwide { max-width: 1280px; } .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > .alignfull { max-width: none; } </style> <style> .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 620px; margin-left: auto !important; margin-right: auto !important; } .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .alignwide { max-width: 1280px; } .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .alignfull { max-width: none; } </style>

Step-by-step reproduction instructions

Not sure, just randomly started.

Screenshots, screen recording, code snippet

before
after

Environment info

  • Wordpress: 6.4.3
  • Browser: Chrome 121.0.6167.161
  • Theme: Twenty Twenty-Four
  • Computer: Windows 10 Pro

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

@FGP-Radio FGP-Radio added the [Type] Bug An existing feature does not function as intended label Feb 14, 2024
@chthonic-ds
Copy link
Contributor

Looks like this has been addressed by #58962

@talldan
Copy link
Contributor

talldan commented Feb 14, 2024

I'll close this as it seems to have been fixed.

@talldan talldan closed this as not planned Won't fix, can't repro, duplicate, stale Feb 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

3 participants