@widelab-nc/widelab 1.1.2 → 1.1.4

package/package.json

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

package/src/index.js

@@ -956,11 +956,27 @@ function customGsapEasing() {
   }
 
   // Update the scroll trigger on page load
-function updateScrollTrigger() {
-  //ScrollTrigger.update();
-  console.log('ScrollTrigger updated');
+window.updateScrollTrigger = function() {
+  const sections = document.querySelectorAll('.section');
+
+  const observer = new MutationObserver(function(mutationsList) {
+    for(let mutation of mutationsList) {
+      if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
+        ScrollTrigger.update();
+        console.log('Height change')
+        break;
+      }
+    }
+  });
+
+  const config = { attributes: true, childList: true, subtree: true };
+
+  sections.forEach(function(section) {
+    observer.observe(section, config);
+  });
 }
 
+
   // !!!!!!!!! Keep this Alpine init at the end !!!!!!!!!
   window.Webflow ||= [];
   window.Webflow.push(() => {
@@ -984,6 +1000,5 @@ function updateScrollTrigger() {
     if (window.innerWidth < 992) {
       disableScrollMenu();
     }
-    updateScrollTrigger();
 
   });