nsw-design-system 3.9.0 → 3.9.1

package/dist/js/main.js

@@ -147,6 +147,7 @@
       this.openSubNavButtons = document.querySelectorAll('.js-open-sub-nav');
       this.closeSubNavButtons = document.querySelectorAll('.js-close-sub-nav');
       this.mainNavElement = document.getElementById('main-nav');
+      this.mainNavIsOpen = false;
       this.isMegaMenuElement = !!document.querySelector('.js-mega-menu');
       this.transitionEvent = whichTransitionEvent();
       this.mobileToggleMainNavEvent = e => this.mobileToggleMainNav(e);
@@ -180,11 +181,10 @@
       document.removeEventListener('click', this.outsideClickEvent, false);
     }
     handleOutsideClick(event) {
+      if (!this.mainNavIsOpen) return;
       const isOutsideNav = !this.mainNavElement.contains(event.target);
       if (isOutsideNav) {
-        this.saveElements(event);
         this.toggleSubNavDesktop(true);
-        event.preventDefault();
       }
     }
     responsiveCheck(e) {
@@ -383,8 +383,10 @@
       } = this.whichSubNavLatest();
       const isExpanded = link.getAttribute('aria-expanded') === 'true';
       if (isExpanded) {
+        this.mainNavIsOpen = false;
         this.closeSubNav();
       } else {
+        this.mainNavIsOpen = true;
         this.openSubNav();
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nsw-design-system",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "description": "Design system for Digital NSW",
   "main": "dist/main.js",
   "style": "dist/main.css",

package/src/components/main-nav/main-nav.js

@@ -9,6 +9,7 @@ class Navigation {
     this.openSubNavButtons = document.querySelectorAll('.js-open-sub-nav')
     this.closeSubNavButtons = document.querySelectorAll('.js-close-sub-nav')
     this.mainNavElement = document.getElementById('main-nav')
+    this.mainNavIsOpen = false
     this.isMegaMenuElement = !!document.querySelector('.js-mega-menu')
     this.transitionEvent = whichTransitionEvent()
     this.mobileToggleMainNavEvent = (e) => this.mobileToggleMainNav(e)
@@ -46,12 +47,12 @@ class Navigation {
   }
 
   handleOutsideClick(event) {
+    if (!this.mainNavIsOpen) return
+
     const isOutsideNav = !this.mainNavElement.contains(event.target)
 
     if (isOutsideNav) {
-      this.saveElements(event)
       this.toggleSubNavDesktop(true)
-      event.preventDefault()
     }
   }
 
@@ -243,8 +244,10 @@ class Navigation {
     const { link } = this.whichSubNavLatest()
     const isExpanded = link.getAttribute('aria-expanded') === 'true'
     if (isExpanded) {
+      this.mainNavIsOpen = false
       this.closeSubNav()
     } else {
+      this.mainNavIsOpen = true
       this.openSubNav()
     }
   }