Make WordPress Core

Opened 12 months ago

Last modified 6 weeks ago

#58413 new defect (bug)

Twenty Seventeen: Search block is having issue when you apply width and alignment.

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.2.2
Component: Bundled Theme Keywords: has-testing-info needs-testing
Focuses: css Cc:


Steps to reproduce the issue :-

  1. Activate Twenty Seventeen theme.
  2. Choose Search block.
  3. Apply width
  4. Now apply alignment left or right.

You can able to see that the applied width is not looking proper when alignment has been choosen.
I have attached video for better understanding.
Video URL :-

Attachments (1)

58413.patch (711 bytes) - added by nidhidhandhukiya 12 months ago.

Download all attachments as: .zip

Change History (4)

#1 @Ankit K Gupta
12 months ago

  • Keywords has-patch needs-testing has-testing-info added

#2 @sabernhardt
12 months ago

  • Focuses css added
  • Keywords has-patch needs-testing removed
  • Summary changed from Twenty Seventeen - Search block is having issue when you applied width and alignment. to Twenty Seventeen: Search block is having issue when you apply width and alignment.

The video shows Twenty Sixteen's styles in the editor and Twenty Seventeen for the front end, and the patch edits block styles within Twenty Sixteen's editor-style.css.

I do not recommend removing the float in the editor when the search block floats on the front end, which would create a discrepancy. Leaving the editor styles as they are might help the user determine whether setting a width and/or alignment is appropriate with these themes.

The editor does not show the button element background colors and other styles from Twenty Sixteen or Twenty Seventeen, which I think should be a higher priority.

Related: #53146

#3 @karmatosed
6 weeks ago

  • Keywords needs-testing added
Note: See TracTickets for help on using tickets.