[wp-trac] [WordPress Trac] #54250: Twenty Twenty One: Editor Buttons margins incompatible with gap

[WordPress Trac]

#54250: Twenty Twenty One: Editor Buttons margins incompatible with gap
-------------------------------------------------+-------------------------
 Reporter:  stacimc                              |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.9.1
Component:  Bundled Theme                        |     Version:  5.9
 Severity:  normal                               |  Resolution:
 Keywords:  has-testing-info needs-patch needs-  |     Focuses:
  testing has-screenshots                        |
-------------------------------------------------+-------------------------
Changes (by ironprogrammer):

 * keywords:  has-testing-info needs-patch needs-testing => has-testing-info
     needs-patch needs-testing has-screenshots


Comment:

 I was able to reproduce this issue with these updated instructions.

 == **tl;dr** -- What to Check When Reproducing the Issue
 It's important that the **Buttons** blocks be ''vertically adjacent to one
 another''. To verify this, open **List View** to check the nesting of the
 **Buttons** blocks. If the blocks are separated by any other block type,
 or within different **Groups**, use the List View to drag the **Buttons**
 blocks so that they are adjacent. Refer to the screenshots below for
 comparison.

 ⚠️ Note that the Gap setting this ticket originally refers to appears to
 have been ''removed'' from 5.9.

 == To reproduce:

 1. Install WordPress 5.9.
 1. Activate Twenty Twenty-One theme.
 1. Add a new Post.
 1. Enter a title and press `Return`, or just advance to the first content
 block location (press `Tab` or place the cursor in the "Type / to choose a
 block" field).
 1. Type `/buttons` + `Return` to insert a **Buttons** block, or use the
 "plus" button to the right of the insert block area and select "Buttons".
 1. Insert multiple buttons into this block, for instance by typing
 "button" + `Return` repeatedly. Insert enough buttons that they wrap into
 the next line.
 1. Use the `Down` cursor to advance to the next block insertion area, and
 add another **Buttons** block by typing `/buttons` + `Return`.
 Alternatively, click the "plus" button to the right and below the current
 block, and select another **Buttons** block.
 1. Insert a few buttons into this block.
 1. Note that there is no margin between the first **Buttons** block and
 the one immediately below it.

 == Screenshots

 === WordPress 5.9 (Repro)

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

 === WordPress 5.8.3 (Regression)

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

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/54250#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform