From adc32339b68bf78aa03bdb62e768440a31410e94 Mon Sep 17 00:00:00 2001
From: slothful-vassal <89943360+slothful-vassal@users.noreply.github.com>
Date: Mon, 16 Feb 2026 19:42:18 +0100
Subject: [PATCH] search field: fix losing focus, fix duplicated cancel button
 in chrome (#738)

---
 web/src/lib/components/base/text_field.svelte | 7 +++++++
 web/src/routes/trails/+page.svelte            | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/base/text_field.svelte b/web/src/lib/components/base/text_field.svelte
index b8ce7e8e..d0a2475b 100644
--- a/web/src/lib/components/base/text_field.svelte
+++ b/web/src/lib/components/base/text_field.svelte
@@ -76,3 +76,10 @@
         </span>
     {/if}
 </div>
+
+<style>
+    :global(input[type="search"]::-webkit-search-cancel-button) {
+        -webkit-appearance: none;
+        appearance: none;
+    }
+</style>
diff --git a/web/src/routes/trails/+page.svelte b/web/src/routes/trails/+page.svelte
index 739a301e..5be28d49 100644
--- a/web/src/routes/trails/+page.svelte
+++ b/web/src/routes/trails/+page.svelte
@@ -101,7 +101,7 @@
         }
         
         page.url.searchParams.set("page", newPage.toString());
-        goto(`?${page.url.searchParams.toString()}`);
+        goto(`?${page.url.searchParams.toString()}`, { keepFocus: true });
     }
 
     async function doPaginate(newPage: number, items: number) {