Hide webkit search cancel button (#1173)

* Hide webkit search cancel button on Input * Hide webkit search cancel button on all inputs
temporalio · Feb 22, 2023 · 2fa2d47 · 2fa2d47 · vercel · Feb 22, 2023
1 parent 5f55c14
commit 2fa2d47
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/app.css b/src/app.css
@@ -31,3 +31,7 @@ labels {
   max-height: 25em;
   overflow-y: scroll;
 }
+
+input[type='search']::-webkit-search-cancel-button {
+  display: none;
+}
diff --git a/src/lib/holocene/input/input.svelte b/src/lib/holocene/input/input.svelte
@@ -260,4 +260,8 @@
   .input-container.dark.disabled input {
     @apply border-gray-900 bg-gray-900;
   }
+
+  input[type='search']::-webkit-search-cancel-button {
+    @apply hidden;
+  }
 </style>