Make WordPress Core

Opened 4 years ago

Last modified 4 years ago

#49154 new defect (bug)

Twenty Twenty: group blocks do not clear children

Reported by: raqai's profile raQai Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version: 5.3
Component: Bundled Theme Keywords: needs-testing has-screenshots needs-patch
Focuses: css Cc:

Description

reproduced by:

  1. Create a group block
  2. add a button within the group block
  3. make the button float right

issue:
the group block will not clear floating children producing probably unwanted results in the frontend (and backend).

fixed by:

.wp-block-group__inner-container::after {
  content: "";
  display: table;
  clear: both;
}

Attachments (3)

Screenshot from 2020-01-28 21-42-36.png (40.4 KB) - added by raQai 4 years ago.
backend button floating right at the end of a group block
Screenshot from 2020-01-28 21-44-02.png (48.8 KB) - added by raQai 4 years ago.
front end button floating right at the end of a group block
Screenshot from 2020-01-28 21-43-45.png (51.7 KB) - added by raQai 4 years ago.
front end button floating right at the end of a group block with fix

Download all attachments as: .zip

Change History (5)

#1 @ianbelanger
4 years ago

  • Keywords needs-testing needs-screenshots added
  • Severity changed from minor to normal
  • Type changed from enhancement to defect (bug)
  • Version set to 5.3

@raQai
4 years ago

backend button floating right at the end of a group block

@raQai
4 years ago

front end button floating right at the end of a group block

@raQai
4 years ago

front end button floating right at the end of a group block with fix

#2 @ianbelanger
4 years ago

  • Keywords has-screenshots needs-patch added; needs-screenshots removed
  • Milestone changed from Awaiting Review to Future Release
  • Summary changed from twenty twenty: group blocks do not clear children to Twenty Twenty: group blocks do not clear children

Thanks for reporting this and uploading the screenshots @raQai. I will test this and get it committed if the issue is resolved.

Note: See TracTickets for help on using tickets.