From e7995014f94690e5542a5835e44eb557ccc8d1ba Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Wed, 21 Feb 2024 14:21:43 +0100
Subject: [PATCH] fix(web): search filter form events (#7285)

---
 .../search-bar/search-filter-box.svelte              | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/shared-components/search-bar/search-filter-box.svelte b/web/src/lib/components/shared-components/search-bar/search-filter-box.svelte
index 73c115b3cf..c433be947f 100644
--- a/web/src/lib/components/shared-components/search-bar/search-filter-box.svelte
+++ b/web/src/lib/components/shared-components/search-bar/search-filter-box.svelte
@@ -324,7 +324,13 @@
   <p class="text-xs py-2">FILTERS</p>
   <hr class="border-slate-300 dark:border-slate-700 py-2" />
 
-  <form id="search-filter-form relative" autocomplete="off" class="hover:cursor-auto">
+  <form
+    id="search-filter-form relative"
+    autocomplete="off"
+    class="hover:cursor-auto"
+    on:submit|preventDefault={search}
+    on:reset|preventDefault={resetForm}
+  >
     <!-- PEOPLE -->
     <div id="people-selection" class="my-4">
       <div class="flex justify-between place-items-center gap-6">
@@ -566,8 +572,8 @@
       id="button-row"
       class="flex justify-end gap-4 py-4 sticky bottom-0 dark:border-gray-800 dark:bg-immich-dark-gray"
     >
-      <Button color="gray" on:click={resetForm}>CLEAR ALL</Button>
-      <Button type="button" on:click={search}>SEARCH</Button>
+      <Button type="reset" color="gray">CLEAR ALL</Button>
+      <Button type="submit">SEARCH</Button>
     </div>
   </form>
 </div>