From 1c8a92bddfaa1764d18df656d7241134f1629efc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Corentin=20S=C3=A9chet?= <corentin@ki-dour.org>
Date: Thu, 23 May 2024 00:30:56 +0200
Subject: [PATCH] fix: close burger menu not closing when clicking outside the
 nav or on a link

---
 src/assets/js/nav.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/assets/js/nav.js b/src/assets/js/nav.js
index 164ad90..f49f5bd 100644
--- a/src/assets/js/nav.js
+++ b/src/assets/js/nav.js
@@ -4,6 +4,8 @@ class NavBar extends HTMLElement {
   connectedCallback() {
     document.addEventListener("scroll", this.onScroll.bind(this))
     this.addEventListener('transitionend', this.onTransitionEnd.bind(this))
+    this.addEventListener('click', this.onClick.bind(this))
+    document.addEventListener('click', this.onDocumentClick.bind(this))
     this.onScroll()
   }
 
@@ -25,6 +27,18 @@ class NavBar extends HTMLElement {
       this.classList.remove("nav-bar__docking")
     }
   }
+
+  onClick(evt) {
+    if(evt.target.matches('a')) {
+      this.classList.remove('nav-bar__open')
+    }
+  }
+
+  onDocumentClick(evt) {
+    if(!this.contains(evt.target)) {
+      this.classList.remove('nav-bar__open')
+    }
+  }
 }
 
 class ToggleNavBarButton extends HTMLElement {