static: fix search redirecting entire page

passbook/static/static/src/legacy.js

@@ -1,12 +1,3 @@
-// Search clearing
-document.querySelectorAll("input[type=search]").forEach((si) => {
-    si.addEventListener("search", (e) => {
-        if (si.value === "") {
-            si.parentElement.submit();
-        }
-    });
-});
-
 // Fetch from data-attributes
 document.querySelectorAll("[data-pb-fetch-fill]").forEach((el) => {
     const url = el.dataset.pbFetchFill;

passbook/static/static/src/pages/AdminSiteShell.ts

@@ -82,6 +82,17 @@ export class AdminSiteShell extends LitElement {
                         this.loadContent();
                     });
                 });
+                // Make get forms (search bar) notify us on submit so we can change the hash
+                this.querySelectorAll("form").forEach((f) => {
+                    f.addEventListener("submit", (e) => {
+                        e.preventDefault();
+                        const formData = new FormData(f);
+                        const qs = new URLSearchParams(
+                            <any>(<unknown>formData)
+                        ).toString();
+                        window.location.hash = `#${url}?${qs}`;
+                    });
+                });
                 setTimeout(() => {
                     this.loading = false;
                 }, 100);