WordPress.org

Make WordPress Core

Opened 2 months ago

Last modified 2 months 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:

Description

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.

Screenshots:

https://cldup.com/XBguG4Emmi.png

https://cldup.com/9KVe96W0SK.png

(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:

https://cldup.com/2334o8oCij.png

Twenty Nineteen:

https://cldup.com/Z-dvo3quFO.png


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

Change History (1)

#1 @desrosj
2 months ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to Future Release
Note: See TracTickets for help on using tickets.