Make WordPress Core

Opened 5 months ago

Last modified 3 weeks ago

#53643 new defect (bug)

Twenty Twenty: "Wide line" separator breaks inside columns.

Reported by: kjellr Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: needs-patch
Focuses: Cc:


The "Wide line" separator style in Twenty Twenty breaks outside of its container when placed inside of a column. I expect it would max out at the column width like it does in Twenty Twenty-One or Twenty Nineteen. This happens on the front-end, and also in the editor.

To Reproduce:

  1. Add a columns block with a few columns in it.
  2. Add a separator block into one of the columns.
  3. Set the separator to use the "Wide line" style.
  4. Observe the overflow issue.




(Additionally, the separators don't show up in the preview, but I've seen that happen in many themes, so I don't think it's specific to Twenty Twenty).

Other themes, for reference:

Twenty Twenty-One:


Twenty Nineteen:


Tested with Twenty Twenty v1.7
WordPress v5.7.2
Gutenberg v11.0.0

Change History (2)

#1 @desrosj
5 months ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release

#2 @matthiaspabst
3 weeks ago

This also happens without columns. To reproduce the bug it's enough to add a paragraph and a separator with the style "wide".

Note: See TracTickets for help on using tickets.