From e29e95fecf158f2348d0d77518690f0285f2ccd6 Mon Sep 17 00:00:00 2001
From: Wessie <github@wessie.info>
Date: Tue, 20 Feb 2024 01:42:07 +0000
Subject: [PATCH] website: make the navbar use 'input' event rather than
 'keyup'

This is so other forms of input work, rather than just keyboard-like
---
 assets/js/radio.js                     | 2 +-
 templates/default/partials/navbar.tmpl | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/js/radio.js b/assets/js/radio.js
index 80aad500..2015be97 100644
--- 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
index 02180b1a..bad12a26 100644
--- 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>