@inweb/viewer-three 26.10.4 → 26.10.5

package/dist/viewer-three.module.js

@@ -1126,12 +1126,14 @@ class MeasureSnapper {
 class MeasureOverlay {
     constructor(camera, canvas) {
         this.lines = [];
-        this.resizeContainer = (entries) => {
-            const { width, height } = entries[0].contentRect;
-            if (!width || !height)
+        this.resizeContainer = () => {
+            const { offsetLeft, offsetTop, offsetWidth, offsetHeight } = this.canvas;
+            if (!offsetWidth || !offsetHeight)
                 return;
-            this.container.style.width = `${width}px`;
-            this.container.style.height = `${height}px`;
+            this.container.style.left = `${offsetLeft}px`;
+            this.container.style.top = `${offsetTop}px`;
+            this.container.style.width = `${offsetWidth}px`;
+            this.container.style.height = `${offsetHeight}px`;
         };
         this.camera = camera;
         this.canvas = canvas;
@@ -1148,7 +1150,7 @@ class MeasureOverlay {
         if (!this.canvas.parentElement)
             return;
         this.canvas.parentElement.appendChild(this.container);
-        this.resizeObserver.observe(this.canvas.parentElement);
+        this.resizeObserver.observe(this.canvas);
     }
     dispose() {
         this.clear();