Make WordPress Core

Opened 6 months ago

Last modified 6 months ago

#59298 new defect (bug)

Twenty Fourteen : search block is having issue with alignment.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.3.1
Component: Bundled Theme Keywords: reporter-feedback
Focuses: Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Fourteen theme.
  2. Choose Search block.
  3. Apply center align and check in front side.
  4. Apply Right align and then check in front side.

You can able to see that center aligned is having issue.
I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/6p3TmBFwZ91llFT5V52R

Change History (2)

#1 @nidhidhandhukiya
6 months ago

  • Summary changed from Twenty Forteen : search block is having issue with alignment. to Twenty Fourteen : search block is having issue with alignment.

#2 @sabernhardt
6 months ago

  • Keywords reporter-feedback added

Did you set a special width on the centered Search block? It looks like it might be 75%.

Because the custom width is set on the .wp-block-search__inside-wrapper container instead of the entire block, the Search label does not either center or line up with the edge of a centered Search block in any of the bundled themes except for Twenty Twenty-One. GB30444 was tested with that theme, which centers any text inside an element with aligncenter.

I do not think editing individual themes for this would help. You could open a Gutenberg issue to consider center-aligning the text (label) for all centered Search blocks.

Note: See TracTickets for help on using tickets.