@widelab-nc/widelab 1.1.18 → 1.1.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widelab",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",

package/src/index.js

@@ -86,6 +86,31 @@ function contactFormOpenAnimation() {
     });
   }
 
+  // Scroll disable when mobile menu opened
+  function disableScrollMenu() {
+    function observeNavOverlay() {
+      const target = document.querySelector('.w-nav-overlay');
+      const config = { attributes: true, attributeFilter: ['style'] };
+      const callback = function(mutationsList, observer) {
+        for(const mutation of mutationsList) {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
+            const displayValue = target.style.display;
+            if (displayValue === 'none') {
+              document.body.classList.remove('is-scroll-off');
+              lenis.start();
+            } else {
+              document.body.classList.add('is-scroll-off');
+              lenis.stop();
+            }
+          }
+        }
+      };
+      const observer = new MutationObserver(callback);
+      observer.observe(target, config);
+    }
+    observeNavOverlay();
+  }
+
   // Hero move to reveal footer
   function revealFooter() {
     const footer = document.querySelector('.is-footer');
@@ -1146,4 +1171,5 @@ window.scrollTriggerRefresh = function() {
     pageTransitionAnimation();
     customCursorOnClick();
     contactFormOpenAnimation();
+    disableScrollMenu();
   });