fix(ue): display at most one dropdown

hugomods · Oct 25, 2024 · b670c84 · b670c84
1 parent c6bea3a
commit b670c84
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/assets/search/js/dropdown.ts b/assets/search/js/dropdown.ts
@@ -4,6 +4,14 @@
         dropdown.setAttribute('aria-expanded', 'false')
     }
 
+    const hideAll = (except: null|HTMLElement) => {
+        document.querySelectorAll<HTMLElement>('.search-dropdown.show').forEach((dropdown) => {
+            if (dropdown != except) {
+                hide(dropdown)
+            }
+        })
+    }
+
     const show = (dropdown: HTMLElement) => {
         dropdown.classList.add('show')
         dropdown.setAttribute('aria-expanded', 'true')
@@ -16,6 +24,7 @@
         }
 
         show(dropdown)
+        hideAll(dropdown)
     }
 
     document.addEventListener('DOMContentLoaded', () => {
@@ -98,9 +107,7 @@
             }
 
             // close opened dropdown when losing focus.
-            document.querySelectorAll<HTMLElement>('.search-dropdown.show').forEach((dropdown) => {
-                hide(dropdown)
-            })
+            hideAll()
         })
     })
 })()