website: make the navbar use 'input' event rather than 'keyup'

This is so other forms of input work, rather than just keyboard-like
R-a-dio · Feb 20, 2024 · e29e95f · e29e95f
1 parent fba169f
commit e29e95f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/assets/js/radio.js b/assets/js/radio.js
@@ -186,7 +186,7 @@ function clearNavbarSearchValue(event) {
     document.getElementById("content").addEventListener("click", (e) => {
         if (!parent.contains(e.explicitOriginalTarget)) {
             originalTarget.value = "";
-            htmx.trigger(originalTarget, "keyup");
+            htmx.trigger(originalTarget, "input");
             document.body.removeEventListener("click", this, true);
         }
     })

diff --git a/templates/default/partials/navbar.tmpl b/templates/default/partials/navbar.tmpl
@@ -28,7 +28,7 @@
             </div>
             <div class="navbar-end is-hidden-touch">
                 <form class="is-flex is-width-90 my-auto" method="GET" action="/search" accept-charset="UTF-8">
-                    <input id="navbarinput" hx-push-url="false" hx-get="/v1/search" hx-trigger="keyup changed delay:250ms" hx-target="#search-bar" class="input" type="text" name="q" placeholder="Request Song" role="search" onblur=clearNavbarSearchValue(event)>
+                    <input id="navbarinput" hx-push-url="false" hx-get="/v1/search" hx-trigger="input changed delay:250ms" hx-target="#search-bar" class="input" type="text" name="q" placeholder="Request Song" role="search" onblur=clearNavbarSearchValue(event)>
                 </form>
                 <div id="search-bar" style="position: absolute;"></div>
             </div>