WordPress.org

Make WordPress Core

Opened 2 months ago

Last modified 2 months ago

#54169 new defect (bug)

Twenty Nineteen: columns set to Full width extend beyond editor window bounds

Reported by: charleyparkerdesign Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.8.1
Component: Bundled Theme Keywords: has-patch needs-testing
Focuses: css Cc:

Description

Fresh install of WordPress 5.8.1 — no plugins or imported database, twentynineteen theme

When creating columns, if they are set to "Full width" alignment, the resulting columns extend past the left and right boundaries of the page editing window, regardless of the window width or whether nav bar is collapsed or open.

Difficult to read or edit the column content at that point, and difficult to reach the alignment control to set them back to "Wide width".

Attachments (2)

2019-full-width-column.png (283.8 KB) - added by sabernhardt 2 months ago.
54169.patch (553 bytes) - added by smit08 2 months ago.
Overridden the full with stylings with the custom stylings in style-editor.css

Download all attachments as: .zip

Change History (4)

#1 @sabernhardt
2 months ago

  • Component changed from Administration to Bundled Theme
  • Focuses css added
  • Keywords needs-patch added; needs-testing removed
  • Severity changed from minor to normal
  • Summary changed from Gutenberg issue - when columns are set to Full width they extend beyond editor window bounds to Twenty Nineteen: columns set to Full width extend beyond editor window bounds

This is apparently an issue with Twenty Nineteen and full-width blocks in the editor. On the front end, the post content has a max-width and then the full-width block is 125% of that. In the editor, the wrapper does not have the max-width.

It might be better with this:

.editor-styles-wrapper {
    max-width: 80%;
    margin: 0 10%;
}
Version 0, edited 2 months ago by sabernhardt (next)

@smit08
2 months ago

Overridden the full with stylings with the custom stylings in style-editor.css

#2 @smit08
2 months ago

  • Keywords has-patch needs-testing added; needs-patch removed
Note: See TracTickets for help on using tickets.