refactor(BaseSearchInput): hide webkit search cancel button globally

marcel-bitfly · marcel-bitfly · commit 2beec5ff289c · 2025-10-21T09:48:04.000+02:00
diff --git a/frontend/layers/base/app/assets/css/main.css b/frontend/layers/base/app/assets/css/main.css
@@ -140,6 +140,12 @@
   }
 }
 
+@layer reset {
+  input::-webkit-search-cancel-button {
+    display: none;
+  }
+}
+
 html {
   transition-behavior: allow-discrete;
   interpolate-size: allow-keywords;
diff --git a/frontend/layers/base/app/components/BaseSearchInput.vue b/frontend/layers/base/app/components/BaseSearchInput.vue
@@ -84,7 +84,7 @@ const handleClickOutside = (e: PointerDownOutsideEvent) => {
         type="search"
         :aria-busy="isLoading"
         :placeholder
-        class="search-input w-full text-2xl font-semibold rounded-3xl pt-3xl pr-5xl pb-6xl pl-2xl dark:bg-gray-950
+        class="w-full text-2xl font-semibold rounded-3xl pt-3xl pr-5xl pb-6xl pl-2xl dark:bg-gray-950
         bg-white dark:focus:bg-black placeholder:dark:text-gray-500 dark:text-white border border-gray-500 dark:border-charcoal-500
         dark:focus:border-charcoal-50 dark:focus-within:outline-0"
         @update:model-value="(value) => { if (!value) hasSearched = false }"

Original file line number	Diff line number	Diff line change
`@@ -140,6 +140,12 @@`
`140`	`140`	`}`
`141`	`141`	`}`
`142`	`142`
	`143`	`+@layer reset {`
	`144`	`+ input::-webkit-search-cancel-button {`
	`145`	`+ display: none;`
	`146`	`+ }`
	`147`	`+}`
	`148`	`+`
`143`	`149`	`html {`
`144`	`150`	`transition-behavior: allow-discrete;`
`145`	`151`	`interpolate-size: allow-keywords;`