From 9e2b93e507644f40b70e1f0fa34f21ccb6fad7a4 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 12 Aug 2025 11:34:40 +0300
Subject: [PATCH] appview: ui: close nav dropdowns on click outside

adds a little bit of javascript to close dropdowns in the topbar when clicking outside of them

Signed-off-by: Samuel Newman <mozzius@protonmail.com>
---
 appview/pages/templates/layouts/topbar.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/appview/pages/templates/layouts/topbar.html b/appview/pages/templates/layouts/topbar.html
index 38da66d..4359016 100644
--- a/appview/pages/templates/layouts/topbar.html
+++ b/appview/pages/templates/layouts/topbar.html
@@ -24,7 +24,7 @@
 {{ end }}
 
 {{ define "newButton" }}
-<details class="relative inline-block text-left">
+<details class="relative inline-block text-left nav-dropdown">
     <summary class="btn-create py-0 cursor-pointer list-none flex items-center gap-2">
       {{ i "plus" "w-4 h-4" }} new
     </summary>
@@ -42,7 +42,7 @@
 {{ end }}
 
 {{ define "dropDown" }}
-<details class="relative inline-block text-left">
+<details class="relative inline-block text-left nav-dropdown">
     <summary
         class="cursor-pointer list-none flex items-center"
     >
@@ -66,4 +66,15 @@
         </a>
     </div>
 </details>
+
+<script>
+document.addEventListener('click', function(event) {
+    const dropdowns = document.querySelectorAll('.nav-dropdown');
+    dropdowns.forEach(function(dropdown) {
+        if (!dropdown.contains(event.target)) {
+            dropdown.removeAttribute('open');
+        }
+    });
+});
+</script>
 {{ end }}
-- 
2.43.0