[wp-trac] [WordPress Trac] #58669: Twenty Twenty-Three: Search input border displays in editor but not on front 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:  closed
 Priority:  normal         |   Milestone:
Component:  Editor         |     Version:
 Severity:  minor          |  Resolution:  worksforme
 Keywords:  has-test-info  |     Focuses:
---------------------------+-------------------------
Changes (by sabernhardt):

 * status:  new => closed
 * resolution:   => worksforme
 * component:  Bundled Theme => Editor
 * milestone:  Awaiting Review =>


Comment:

 The editor uses the iframe now with the Custom Fields option. I am
 therefore unable to reproduce this without active plugins, and I'll close
 the ticket as 'works for me'.

 With plugins such as All in One SEO or Yoast SEO, the input field could
 still have a border in the editor when using various block themes (T22,
 T23, T24, or T25).
 - All in One SEO does not support the iframe editor yet.
 - Yoast SEO added iframe (V3) support, but it enqueued the `forms`
 stylesheet as a [https://github.com/Yoast/wordpress-
 seo/commit/01f20eb42039a9845813ff31be449171f954a475#diff-
 99912d42930a8003174d84240749060187709c1d9403da2d1d4647a65fe8b3ccR640
 dependency] within the iframe—//after// `wp-block-library`. Overriding
 that in block library styles would require increasing the CSS specificity
 of `:where(.wp-block-search__button-inside .wp-block-search__inside-
 wrapper) .wp-block-search__input` by more than one element selector.

 If you think the block library styles should change, please open an
 [https://github.com/WordPress/gutenberg/issues?q=label%3A%22%5BBlock%5D%20Search%22%20state%3Aopen
 issue on GitHub].

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