@widelab-nc/widelab 1.1.17 → 1.1.19

package/package.json

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

package/src/index.js

@@ -86,13 +86,29 @@ function contactFormOpenAnimation() {
     });
   }
 
-  // Scroll disable
+  // Scroll disable when mobile menu opened
   function disableScrollMenu() {
-      const script = document.createElement('script');
-      script.src =
-        'https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js';
-      script.defer = true;
-      document.head.appendChild(script);
+    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
@@ -1155,6 +1171,7 @@ window.scrollTriggerRefresh = function() {
     pageTransitionAnimation();
     customCursorOnClick();
     contactFormOpenAnimation();
+    disableScrollMenu();
     if (window.innerWidth < 992) {
       disableScrollMenu();
     }