fix dimension.resize

darkroomengineering · Feb 25, 2024 · d68b1c1 · d68b1c1 · github-actions · Feb 25, 2024
1 parent 081fffd
commit d68b1c1
Show file tree

Hide file tree

Showing 10 changed files with 18 additions and 17 deletions.
diff --git a/packages/lenis/dist/lenis.cjs.js b/packages/lenis/dist/lenis.cjs.js
diff --git a/packages/lenis/dist/lenis.cjs.js.map b/packages/lenis/dist/lenis.cjs.js.map
diff --git a/packages/lenis/dist/lenis.js b/packages/lenis/dist/lenis.js
@@ -106,16 +106,16 @@
       this.content = content;
 
       if (autoResize) {
-        const resize = debounce(this.resize, debounceValue);
+        this.debouncedResize = debounce(this.resize, debounceValue);
 
         if (this.wrapper === window) {
-          window.addEventListener('resize', resize, false);
+          window.addEventListener('resize', this.debouncedResize, false);
         } else {
-          this.wrapperResizeObserver = new ResizeObserver(resize);
+          this.wrapperResizeObserver = new ResizeObserver(this.debouncedResize);
           this.wrapperResizeObserver.observe(this.wrapper);
         }
 
-        this.contentResizeObserver = new ResizeObserver(resize);
+        this.contentResizeObserver = new ResizeObserver(this.debouncedResize);
         this.contentResizeObserver.observe(this.content);
       }
 
@@ -125,7 +125,7 @@
     destroy() {
       this.wrapperResizeObserver?.disconnect();
       this.contentResizeObserver?.disconnect();
-      window.removeEventListener('resize', resize, false);
+      window.removeEventListener('resize', this.debouncedResize, false);
     }
 
     resize = () => {

diff --git a/packages/lenis/dist/lenis.min.js b/packages/lenis/dist/lenis.min.js
diff --git a/packages/lenis/dist/lenis.mjs b/packages/lenis/dist/lenis.mjs
diff --git a/packages/lenis/dist/lenis.mjs.map b/packages/lenis/dist/lenis.mjs.map
diff --git a/packages/lenis/dist/lenis.umd.js b/packages/lenis/dist/lenis.umd.js
diff --git a/packages/lenis/dist/lenis.umd.js.map b/packages/lenis/dist/lenis.umd.js.map
diff --git a/packages/lenis/dist/types/dimensions.d.ts b/packages/lenis/dist/types/dimensions.d.ts
@@ -7,6 +7,7 @@ export class Dimensions {
     });
     wrapper: any;
     content: any;
+    debouncedResize: ((...args: any[]) => void) | undefined;
     wrapperResizeObserver: ResizeObserver | undefined;
     contentResizeObserver: ResizeObserver | undefined;
     destroy(): void;

diff --git a/packages/lenis/src/dimensions.js b/packages/lenis/src/dimensions.js
@@ -11,16 +11,16 @@ export class Dimensions {
     this.content = content
 
     if (autoResize) {
-      const resize = debounce(this.resize, debounceValue)
+      this.debouncedResize = debounce(this.resize, debounceValue)
 
       if (this.wrapper === window) {
-        window.addEventListener('resize', resize, false)
+        window.addEventListener('resize', this.debouncedResize, false)
       } else {
-        this.wrapperResizeObserver = new ResizeObserver(resize)
+        this.wrapperResizeObserver = new ResizeObserver(this.debouncedResize)
         this.wrapperResizeObserver.observe(this.wrapper)
       }
 
-      this.contentResizeObserver = new ResizeObserver(resize)
+      this.contentResizeObserver = new ResizeObserver(this.debouncedResize)
       this.contentResizeObserver.observe(this.content)
     }
 
@@ -30,7 +30,7 @@ export class Dimensions {
   destroy() {
     this.wrapperResizeObserver?.disconnect()
     this.contentResizeObserver?.disconnect()
-    window.removeEventListener('resize', resize, false)
+    window.removeEventListener('resize', this.debouncedResize, false)
   }
 
   resize = () => {