Hide the automatically displayed webkit-only clear/cancel search butt…

…on. (#8538)
dart-lang · Feb 7, 2025 · 6262f49 · 6262f49
1 parent 1dee391
commit 6262f49
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/pkg/web_css/lib/src/_search.scss b/pkg/web_css/lib/src/_search.scss
@@ -47,6 +47,12 @@
     &:focus {
       outline: none;
     }
+
+    // This is a non-standard feature, supported only by webkit browsers
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-search-cancel-button
+    &::-webkit-search-cancel-button {
+      display: none;
+    }
   }
 
   >.icon {

diff --git a/pkg/web_css/test/expression_test.dart b/pkg/web_css/test/expression_test.dart
@@ -42,6 +42,7 @@ void main() {
         'keyframes',
         'last-child',
         'nth-child',
+        '-webkit-search-cancel-button',
       ]);
       // composite patterns
       expressions.removeWhere((e) => e.startsWith('home-block-'));