static/js/fixedsearch: Keep search bar focused on inactivity

2 files changed, 8 insertions, 0 deletions

diff --git a/static/js/fixedsearch.ts b/static/js/fixedsearch.ts
index 26b9ac1..3788cb3 100644
--- a/static/js/fixedsearch.ts
+++ b/static/js/fixedsearch.ts
@@ -9,6 +9,7 @@
     const query = document.getElementById("search-input"); // input box for search
     const submit = document.getElementById("search-submit"); // form submit button
     const dropdown = document.getElementById("search-results"); // targets the <ul>
+    const container = document.getElementById("search-frame"); // targets the upper parent container
 
     form.addEventListener("focusin", function () {
       initialize();
@@ -79,6 +80,7 @@
         scrolls = 0;
         document.activeElement.blur();
         dropdown.setAttribute("hidden", "");
+        container.removeAttribute("data-focus");
       }
       scrolls++;
     });
@@ -86,6 +88,7 @@
     document.addEventListener("click", function (event) {
       if (!form.contains(event.target)) {
         dropdown.setAttribute("hidden", "");
+        container.removeAttribute("data-focus");
       }
     });
 
@@ -163,6 +166,7 @@
             </li>
               `;
         dropdown.removeAttribute("hidden");
+        container.setAttribute("data-focus", "");
       } else {
         dropdown.removeAttribute("hidden");
         for (const string in results.slice(0, 10)) {
diff --git a/static/js/index.js b/static/js/index.js
index df649df..8c6e922 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -279,6 +279,7 @@
         const query = document.getElementById("search-input");
         document.getElementById("search-submit");
         const dropdown = document.getElementById("search-results");
+        const container = document.getElementById("search-frame");
         form.addEventListener("focusin", function() {
             initialize();
         });
@@ -331,12 +332,14 @@
                 scrolls = 0;
                 document.activeElement.blur();
                 dropdown.setAttribute("hidden", "");
+                container.removeAttribute("data-focus");
             }
             scrolls++;
         });
         document.addEventListener("click", function(event) {
             if (!form.contains(event.target)) {
                 dropdown.setAttribute("hidden", "");
+                container.removeAttribute("data-focus");
             }
         });
         function fetch_JSON(path, callback) {
@@ -401,6 +404,7 @@
             </li>
               `;
                 dropdown.removeAttribute("hidden");
+                container.setAttribute("data-focus", "");
             } else {
                 dropdown.removeAttribute("hidden");
                 for(const string in results.slice(0, 10)){