@vectoriox/iox-builder 11.9.1 → 11.9.3

package/fesm2022/vectoriox-iox-builder.mjs

@@ -2831,6 +2831,8 @@ class OverlayService {
         this.scrollContainer$ = new Subject();
         /** Emits cursor coords when a canvas element is right-clicked. */
         this.contextMenu$ = new Subject();
+        /** Something selected moved with no scroll to say so: redraw the boxes in this same frame. */
+        this.reposition$ = new Subject();
         /** The From-content row (1-based) a click came from when it selected a TEMPLATE part (CC2), else null. */
         this.selectedRow = null;
     }
@@ -2843,6 +2845,9 @@ class OverlayService {
     getContainer() {
         return this.containerElement;
     }
+    repositionNow() {
+        this.reposition$.next();
+    }
     setScrollContainer(el) {
         this.scrollContainerElement = el;
         if (el) {
@@ -5297,6 +5302,10 @@ class SceneCanvasService {
             this.rootsById.delete(id);
         this.idsByRoot.delete(root);
     }
+    /** The canvas's Lenis just moved the scroll, inside this frame: hold every stage in this same frame. */
+    pinNow() {
+        this.driver?.pinNow();
+    }
     /** The damped progress a root's layers stand at. */
     progressOf(root) {
         return this.driver?.progressOf(root) ?? null;
@@ -7956,6 +7965,8 @@ class OverlayComponent {
             this.activeScrollContainer = el;
             el.addEventListener('scroll', this.boundScrollUpdate, { passive: true });
         }));
+        // A Scene's driver moved the selected layer: already inside its frame, so the box lands with it.
+        this.subs.push(this.overlayService.reposition$.subscribe(() => this.updateAll()));
         // Open the more menu when a canvas element is right-clicked.
         this.subs.push(this.overlayService.contextMenu$.subscribe(({ x, y }) => {
             this.moreMenuStyle = { top: `${y}px`, left: `${x}px` };
@@ -9804,11 +9815,12 @@ class BuilderComponent {
         // would cause Lenis to re-fire its scroll handler → infinite loop.)
         this.overlayService.setScrollContainer(this.lenisContentRef?.nativeElement || null);
         // A Scene's layer moves with no scroll to announce it (the damping runs on after the wheel stops, a scrubber or an
-        // edit moves it outright), so the selection box follows the driver's frames, the same way it follows Lenis's.
+        // edit moves it outright), so the selection box follows the driver's frames. ⚠️ Told directly, never with a synthetic
+        // 'scroll': the driver listens for scroll in capture on the window, so it would wake itself every frame, for ever.
         this.sceneFramesSub = this.sceneCanvas?.frames$.subscribe(() => {
             if (!this.overlayService.getCurrentSelection())
                 return;
-            this.lenisContentRef?.nativeElement.dispatchEvent(new Event('scroll'));
+            this.overlayService.repositionNow();
             this.moveableCanvas.refresh();
         });
         // .preview-scroll is the Lenis clipping container (overflow:hidden, scrollTop changes).
@@ -9969,6 +9981,8 @@ class BuilderComponent {
             autoResize: false, // we drive resize() manually via canvasRo + viewportSub
         });
         this.lenis.on('scroll', (instance) => {
+            // A Scene's stage is held against this very scroll: a frame later, it would paint carried off its pin.
+            this.sceneCanvas?.pinNow();
             const clientH = this.previewScrollRef.nativeElement.clientHeight;
             this.onPageScroll({
                 scrollTop: instance.scroll,