Added check for ascendent links to close menu when clicked

teleporthq · May 29, 2023 · cb4290c · cb4290c
1 parent 49c46ee
commit cb4290c
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@teleporthq/teleport-custom-scripts",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "main": "src/index.js",
   "private": false,
   "description": "Custom scripts ready to be injected in to the playground",

diff --git a/src/index.js b/src/index.js
@@ -81,18 +81,27 @@
               if (!event) {
                 return;
               }
-              if (!event.target.href) {
+
+              // check for links in ascendent elements
+              let currentElement = event.target;
+
+              while (currentElement !== document.body && !currentElement.href) {
+                currentElement = currentElement.parentNode;
+              }
+
+              if (!currentElement.href) {
                 return;
               }
+
               if (!mobileMenu) {
                 return;
               }
 
-              if (event.target.href) {
+              if (currentElement.href) {
                 document.body.style.overflow = bodyOverflow;
               }
 
-              if (event.target.pathname === window.location.pathname) {
+              if (currentElement.pathname === window.location.pathname) {
                 mobileMenu.classList.remove("teleport-show");
                 mobileMenu.classList.remove("thq-show");
                 mobileMenu.classList.remove("thq-translate-to-default");