[wp-trac] [WordPress Trac] #53643: Twenty Twenty: "Wide line" separator breaks inside columns.

[WordPress Trac]

#53643: Twenty Twenty: "Wide line" separator breaks inside columns.
---------------------------+-----------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------------------
 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:**

 [[Image(https://cldup.com/XBguG4Emmi.png)]]

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

 [[Image(https://cldup.com/2334o8oCij.png)]]

 Twenty Nineteen:

 [[Image(https://cldup.com/Z-dvo3quFO.png)]]


 ----

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

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/53643>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform