@vectoriox/iox-builder 11.9.0 → 11.9.2

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) {
@@ -7956,6 +7961,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` };
@@ -8363,7 +8370,12 @@ class OverlayComponent {
     updateAll() {
         this.updateHover();
         this.updateSelect();
-        this.cdr.markForCheck();
+        // A Scene's driver runs outside Angular's zone, so a layer moves with no tick coming to draw the new box. A local
+        // pass, not a tick for the whole app: this runs on every frame a selected layer moves.
+        if (NgZone.isInAngularZone())
+            this.cdr.markForCheck();
+        else
+            this.cdr.detectChanges();
     }
     updateHover() {
         if (!this.hoverEntry) {
@@ -9799,11 +9811,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).