acttrader-charts 1.3.0-beta.24 → 1.3.0-beta.25

package/dist/index.cjs

@@ -25314,6 +25314,10 @@ var _ChartEngine = class _ChartEngine {
     this.logoImage = null;
     // ── State persistence ─────────────────────────────────────────────────────
     this.isRestoringState = false;
+    this.onPointerEnter = () => {
+      this._cachedWrapRect = null;
+      this._cachedDrawRect = null;
+    };
     this.onMouseMove = (e) => {
       if (this._mobileCrosshairActive) return;
       if (Date.now() - this._lastTouchTime < 500) return;
@@ -26462,19 +26466,29 @@ var _ChartEngine = class _ChartEngine {
       throw new Error("acttrader-charts requires a browser environment");
     }
     enableKeyboardOverlayMode();
-    if (window.visualViewport) {
-      const vv = window.visualViewport;
-      const invalidate = () => {
-        this._cachedWrapRect = null;
-        this._cachedDrawRect = null;
-      };
+    const invalidate = () => {
+      this._cachedWrapRect = null;
+      this._cachedDrawRect = null;
+    };
+    const vv = window.visualViewport;
+    if (vv) {
       vv.addEventListener("resize", invalidate);
       vv.addEventListener("scroll", invalidate);
-      this.disposeVvListener = () => {
+    }
+    document.addEventListener("scroll", invalidate, { capture: true, passive: true });
+    window.addEventListener("resize", invalidate);
+    const layoutObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(invalidate) : null;
+    layoutObserver?.observe(document.documentElement);
+    if (document.body) layoutObserver?.observe(document.body);
+    this.disposeVvListener = () => {
+      if (vv) {
         vv.removeEventListener("resize", invalidate);
         vv.removeEventListener("scroll", invalidate);
-      };
-    }
+      }
+      document.removeEventListener("scroll", invalidate, { capture: true });
+      window.removeEventListener("resize", invalidate);
+      layoutObserver?.disconnect();
+    };
     const {
       container,
       theme = "dark",
@@ -27392,6 +27406,7 @@ var _ChartEngine = class _ChartEngine {
         this.scheduleViewportPersist();
       }
     );
+    this.drawCanvas.addEventListener("mouseenter", this.onPointerEnter);
     this.drawCanvas.addEventListener("mousemove", this.onMouseMove);
     this.drawCanvas.addEventListener("mouseleave", this.onMouseLeave);
     this.drawCanvas.addEventListener("mousedown", this.onCanvasClick);
@@ -29844,6 +29859,7 @@ var _ChartEngine = class _ChartEngine {
     this.advancedToolbar?.destroy();
     this.mobileHeader?.destroy();
     this.leftBar?.destroy();
+    this.drawCanvas.removeEventListener("mouseenter", this.onPointerEnter);
     this.drawCanvas.removeEventListener("mousemove", this.onMouseMove);
     this.drawCanvas.removeEventListener("mouseleave", this.onMouseLeave);
     this.drawCanvas.removeEventListener("mousedown", this.onCanvasClick);