[ts][webcomponents] Fix resize callback.

This commit is contained in:
Davide Tantillo 2025-05-22 17:09:35 +02:00
parent b63a29e3b5
commit 51b908db89

View File

@ -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);
}