From 9a27c7ae208e06715b276ceec0c50e5f5767aab5 Mon Sep 17 00:00:00 2001
From: Franciszek Stachura <fbstachura@gmail.com>
Date: Wed, 11 Sep 2024 13:56:04 +0200
Subject: [PATCH] autocomplete: Submit form on item selection

---
 static/autocomplete.js | 5 +++++
 templates/layout.html  | 2 +-
 templates/topbar.html  | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/static/autocomplete.js b/static/autocomplete.js
index bb7bdc5..08b0378 100644
--- a/static/autocomplete.js
+++ b/static/autocomplete.js
@@ -24,6 +24,7 @@ AutoComplete({
     Limit: 10,
     MinChars: 4,
     Delay: 500,
+    SelectCallback: _ => document.getElementById("search-form").requestSubmit(),
 }, "#search-input");
 
 },{"autocomplete-js":2}],2:[function(require,module,exports){
@@ -242,6 +243,7 @@ var AutoComplete = /** @class */ (function () {
         HttpMethod: "GET",
         QueryArg: "q",
         Url: null,
+        SelectCallback: null,
         KeyboardMappings: {
             "Enter": {
                 Conditions: [{
@@ -564,6 +566,9 @@ var AutoComplete = /** @class */ (function () {
                 this.Input.value = item.innerHTML;
             }
             this.Input.setAttribute("data-autocomplete-old-value", this.Input.value);
+            if (this.SelectCallback) {
+                this.SelectCallback();
+            }
         },
         /**
          * Handle HTTP error on the request
diff --git a/templates/layout.html b/templates/layout.html
index cab295b..1aa4a25 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -16,7 +16,7 @@
         <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
         <link rel="stylesheet" href="/static/style.css?v=9">
         <link rel="stylesheet" href="/static/banner.css">
-        <link rel="stylesheet" href="/static/autocomplete.css">
+        <link rel="stylesheet" href="/static/autocomplete.css?v=2">
         <script>
             document.documentElement.classList.remove('no-js');
             document.documentElement.classList.add('js');
diff --git a/templates/topbar.html b/templates/topbar.html
index 40e6fc1..d8ecf97 100644
--- a/templates/topbar.html
+++ b/templates/topbar.html
@@ -8,7 +8,7 @@
         {% endfor %}
     </div>
     <div class="search">
-        <form method="post" action="{{ ident_base_url }}">
+        <form method="post" action="{{ ident_base_url }}" id="search-form">
             <select name="f" title="Restricts search to specific file families">
             {% for id, description in topbar_families.items() %}
                 <option value="{{ id }}" {{ 'selected' if (current_family == id or current_family is not defined) else '' }}>