[wp-trac] [WordPress Trac] #58669: Twenty Twenty-Three: Search input border displays in editor but not on front side (was: Twenty Twenty-Three: Search input border does not display on font side.)

[WordPress Trac]

#58669: Twenty Twenty-Three: Search input border displays in editor but not on
front side
------------------------------------+------------------------------
 Reporter:  upadalavipul            |       Owner:  (none)
     Type:  defect (bug)            |      Status:  new
 Priority:  normal                  |   Milestone:  Awaiting Review
Component:  Bundled Theme           |     Version:
 Severity:  normal                  |  Resolution:
 Keywords:  close has-testing-info  |     Focuses:
------------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  needs-testing-info reporter-feedback close => close has-
     testing-info


Comment:

 The input field did not have a border in the iframe editor, same as the
 front end. However, when I activated the Custom Fields panel, the non-
 framed //post// editor showed the rounded input border from `wp-
 admin/forms.css`. This seems related to the lowered specificity in
 GB41393, though not the same effect mentioned in #60164 (missing outer
 border on front end).

 Steps:

 1. Add a new post.
 2. Ensure that the editor canvas is not inside an iframe. For one method:
 go to the (3-dot) Options menu in the upper (right) corner, choose
 Preferences, switch the Custom Fields toggle on, and click the "Show &
 Reload Page" button.
 3. Add a Search block, and choose the "Button inside" option from the
 block toolbar.
 4. Duplicate the Search block, if you would like, and customize the border
 for the second block. In the sidebar, switch to the Styles tab and find
 the Border section. Then set both the width and color of the border.
 5. Save the post and view it on the front end. Notice that the border(s)
 wrap the entire block, and the input field does not have its own border on
 the front end.

 Adding a Search block with the "Button inside" setting within the non-
 framed post editor would be an edge case, and the extra border is a small
 discrepancy. If this is worth fixing, the report would belong in the
 Gutenberg repository.

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