From 6b9c0f7d22ecacd4a05acee2a9a45d0d5f3de269 Mon Sep 17 00:00:00 2001
From: Marcus Noble <github@marcusnoble.co.uk>
Date: Mon, 2 Mar 2026 09:36:10 +0000
Subject: [PATCH] Close popup when clicking outside

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>
---
 templates/index.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/templates/index.html b/templates/index.html
index de1b4b7..555de50 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -243,6 +243,23 @@
       {{ end }}
     </main>
     <script>
+      document.addEventListener('keydown', function(event) {
+        if (event.key === 'Escape') {
+          document.querySelectorAll('.modal.show').forEach(modal => {
+            modal.classList.remove('show');
+          });
+        }
+      });
+
+      document.addEventListener('click', function(event) {
+        const modal = event.target.closest('.modal');
+        if (!modal && document.querySelectorAll('.modal.show').length > 0 && !event.target.closest('.more-link')) {
+          document.querySelectorAll('.modal.show').forEach(modal => {
+            modal.classList.remove('show');
+          });
+        }
+      });
+
       [...document.querySelectorAll('.more-link')].forEach(more => {
         const toggleModal = function(event) {
           event.preventDefault();