Browse Source

[ts][webcomponents] Fix resize callback.

Davide Tantillo 3 months ago
parent
commit
51b908db89
1 changed files with 4 additions and 2 deletions
  1. 4 2
      spine-ts/spine-webcomponents/src/SpineWebComponentOverlay.ts

+ 4 - 2
spine-ts/spine-webcomponents/src/SpineWebComponentOverlay.ts

@@ -274,7 +274,7 @@ export class SpineWebComponentOverlay extends HTMLElement implements OverlayAttr
 				this.parentElement!.style.transform = `translateZ(0)`;
 			}
 		} else {
-			window.addEventListener("resize", () => this.resizedCallback(true));
+			window.addEventListener("resize", this.windowResizeCallback);
 		}
 		this.resizeObserver = new ResizeObserver(() => this.resizedCallback());
 		this.resizeObserver.observe(this.parentElement!);
@@ -297,7 +297,7 @@ export class SpineWebComponentOverlay extends HTMLElement implements OverlayAttr
 		if (id) SpineWebComponentOverlay.OVERLAY_LIST.delete(id);
 		// window.removeEventListener("scroll", this.scrolledCallback);
 		window.removeEventListener("load", this.loadedCallback);
-		window.removeEventListener("resize", this.resizedCallback);
+		window.removeEventListener("resize", this.windowResizeCallback);
 		window.screen.orientation.removeEventListener('change', this.orientationChangedCallback);
 		this.intersectionObserver?.disconnect();
 		this.resizeObserver?.disconnect();
@@ -325,6 +325,8 @@ export class SpineWebComponentOverlay extends HTMLElement implements OverlayAttr
 		return;
 	}
 
+	private windowResizeCallback = () => this.resizedCallback(true);
+
 	private resizedCallback = (onlyDiv = false) => {
 		this.updateCanvasSize(onlyDiv);
 	}