Make WordPress Core

Opened 16 months ago

Closed 16 months ago

Last modified 16 months ago

#56300 closed defect (bug) (reported-upstream)

Twenty Twenty-One: button block overlaps with other blocks.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.9
Component: Bundled Theme Keywords:
Focuses: ui, css Cc:

Description

Steps to reproduce:-

  1. Choose Twenty Twenty one theme.
  2. Take button block.
  3. Take paragraph after button.
  4. Change alignement of button left or right.

Button is overlaps on the content while we using alignemnt left and right to editor side.
Front side it is working fine.
I have attached video for better understanding.
Video URL:- https://share.cleanshot.com/HeYnA5dKl2REg1i6eCPE

Attachments (1)

56300.patch (631 bytes) - added by nidhidhandhukiya 16 months ago.

Download all attachments as: .zip

Change History (4)

#1 @nidhidhandhukiya
16 months ago

It's great if we can find out the way to solve this type of button alignement issue with other themes also.
I have checked this issue is happening with Twenty Twenty theme and Twenty Nineteen also.

html :where(.wp-block-buttons .wp-block)[data-align=left],
html :where(.wp-block-buttons .wp-block)[data-align=right] {
	height: auto;
}

This can solve the issue but it would great if somebody adds this code in the exact path which is applicable for all the themes.

Last edited 16 months ago by sabernhardt (previous) (diff)

#2 @sabernhardt
16 months ago

  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed
  • Summary changed from Twenty Twenty one button block overlaps with other blocks. to Twenty Twenty-One: button block overlaps with other blocks.
  • Version changed from 6.0 to 5.9

This was reported for Twenty Nineteen in #56144, but I agree this should be fixed in the editor instead for any "classic" themes.

If you would like to add to the discussion and/or submit a pull request, please follow Gutenberg issue 42790.

#3 @nidhidhandhukiya
16 months ago

Hello @sabernhardt
Thanks for the reply.
I have submitted pull request for https://github.com/WordPress/gutenberg/issues/42790

Note: See TracTickets for help on using tickets.