[wp-trac] [WordPress Trac] #63888: Twenty Twenty-One: Search block "Button inside" input border appears on front end but not in block editor (was: TwentyTwentyOne: Search block missing border in block editor.)

[WordPress Trac]

#63888: Twenty Twenty-One: Search block "Button inside" input border appears on
front end but not in block editor
-----------------------------------+------------------------------
 Reporter:  levinbaria             |       Owner:  (none)
     Type:  defect (bug)           |      Status:  assigned
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Bundled Theme          |     Version:  6.1
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch 2nd-opinion  |     Focuses:  css
-----------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  has-patch => has-patch 2nd-opinion
 * focuses:  ui, css, administration => css
 * version:  trunk => 6.1


Comment:

 The "Button inside" style intentionally removed the border from the input
 field (see [https://github.com/WordPress/twentytwentyone/pull/912 PR 912]
 and [https://github.com/WordPress/twentytwentyone/pull/673 PR 673]).

 Twenty Twenty-One added `border: none` in the editor but relied on the
 block library styles to remove the border from the front end. Then GB41393
 lowered the specificity (`0-1-0`), and the theme's default border
 overrides that now (`0-2-0`).

 To follow the original design, the front-end styles would need adjusting
 instead of editor styles. However, the border is part of the appearance
 since November 2022. People who have chosen the "Button inside" option in
 the past few years might appreciate that it has a border now. Changing the
 editor styles to match the front could be the better choice.

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