Prevent form submission in Pagefind UI

CloudCannon · Jul 28, 2022 · 86002e9 · 86002e9
1 parent a99ad7b
commit 86002e9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/pagefind_ui/svelte/ui.svelte b/pagefind_ui/svelte/ui.svelte
@@ -81,7 +81,8 @@
         }
     };
 
-    const showMore = () => {
+    const showMore = (e) => {
+        e?.preventDefault();
         show += 5;
     };
 </script>
@@ -92,6 +93,7 @@
         role="search"
         aria-label="Search this site"
         action="javascript:void(0);"
+        on:submit={(e) => e.preventDefault()}
     >
         <input
             class="pagefind-ui__search-input"
@@ -140,6 +142,7 @@
                         </ol>
                         {#if searchResult.results.length > show}
                             <button
+                                type="button"
                                 class="pagefind-ui__button"
                                 on:click={showMore}>Load more results</button
                             >