From 85ef8b87b395a097cb088ec97638186cd1710bf8 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 8 Jun 2024 00:45:21 +0800
Subject: [PATCH] Close navigation if the user tabs out of navigation links

---
 src/_includes/global/navbar.njk | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 10675edc..ae5b0e8f 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -118,4 +118,13 @@
             closeNavigation();
         }
     });
+
+    const handleBlur = () => {
+        const navList = event.currentTarget.closest(".navbar__links");
+        if (!event.relatedTarget || !navList.contains(event.relatedTarget)) {
+            closeNavigation();
+        }
+    }
+
+    navbarLinkItems[navbarLinkItems.length - 1].addEventListener("blur", handleBlur);
 </script>
\ No newline at end of file