diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss
index 41234b75cca7e..ccdd055b4ff53 100644
--- a/packages/block-library/src/editor.scss
+++ b/packages/block-library/src/editor.scss
@@ -34,7 +34,6 @@
@import "./pullquote/editor.scss";
@import "./quote/editor.scss";
@import "./rss/editor.scss";
-@import "./search/editor.scss";
@import "./separator/editor.scss";
@import "./shortcode/editor.scss";
@import "./site-logo/editor.scss";
diff --git a/packages/block-library/src/reset.scss b/packages/block-library/src/reset.scss
index 934545ad1b806..be7232ebd0e48 100644
--- a/packages/block-library/src/reset.scss
+++ b/packages/block-library/src/reset.scss
@@ -98,4 +98,52 @@
line-height: revert;
font-weight: revert;
}
+
+ select,
+ input,
+ textarea,
+ button {
+ font-family: system-ui;
+ font-size: revert;
+ font-weight: revert;
+ border-radius: revert;
+ border: revert;
+ background: revert;
+ color: revert;
+ padding: revert;
+ margin: revert;
+ line-height: revert;
+ min-height: revert;
+ box-shadow: revert;
+ box-sizing: revert;
+ }
+
+ // For these I prefer to only override the WP-Admin defined styles and not "all"
+ // To minimize the risk to impact block styles as much as possible.
+ input[type="checkbox"],
+ input[type="color"],
+ input[type="date"],
+ input[type="datetime-local"],
+ input[type="datetime"],
+ input[type="email"],
+ input[type="month"],
+ input[type="number"],
+ input[type="password"],
+ input[type="radio"],
+ input[type="search"],
+ input[type="tel"],
+ input[type="text"],
+ input[type="time"],
+ input[type="url"],
+ input[type="week"],
+ input,
+ select,
+ textarea {
+ &:focus {
+ border: revert;
+ box-shadow: revert;
+ outline: revert;
+ padding: revert;
+ }
+ }
}
diff --git a/packages/block-library/src/search/edit.js b/packages/block-library/src/search/edit.js
index 91923b3a78ee7..b66cbd8be5d8b 100644
--- a/packages/block-library/src/search/edit.js
+++ b/packages/block-library/src/search/edit.js
@@ -121,6 +121,7 @@ export default function SearchEdit( {
const renderTextField = () => {
return (
- setAttributes( { buttonText: html } )
- }
- />
+ // This rule only makes sense for UI not blocks.
+ // eslint-disable-next-line react/forbid-elements
+
) }
>
);
diff --git a/packages/block-library/src/search/editor.scss b/packages/block-library/src/search/editor.scss
deleted file mode 100644
index 8f1bc15c57a6e..0000000000000
--- a/packages/block-library/src/search/editor.scss
+++ /dev/null
@@ -1,24 +0,0 @@
-.wp-block-search {
- .wp-block-search__input {
- padding: $grid-unit-10;
- }
-
- &.wp-block-search__button-inside .wp-block-search__inside-wrapper {
- padding: $grid-unit-05;
- }
-
- .wp-block-search__button {
- height: auto;
- border-radius: initial;
-
- // This needs high specificity because it otherwise inherits styles from `components-button`.
- // stylelint-disable-line no-duplicate-selectors
- &.wp-block-search__button.wp-block-search__button {
- padding: 6px 10px;
- }
- }
-
- &__components-button-group {
- margin-top: 10px;
- }
-}