@vectoriox/iox-builder 11.8.0 → 11.8.1

package/fesm2022/vectoriox-iox-builder.mjs

@@ -5262,15 +5262,19 @@ const PREVIEW_SCROLLER = '.iox-page-wrapper';
 class SceneCanvasService {
     constructor() {
         this.zone = inject(NgZone);
-        this.onCanvas = inject(IOX_BUILDER_CANVAS, { optional: true }) ?? false;
         this.driver = null;
     }
-    attach(root) {
+    /**
+     * Drive a root. `onCanvas` comes from the caller, because only the render directive can read IOX_BUILDER_CANVAS: the
+     * token is provided on the canvas's element, below where this service lives. Read here, it answered false, and the
+     * canvas measured its Scenes against a page that moves with them, so they never left progress 0.
+     */
+    attach(root, onCanvas) {
         this.zone.runOutsideAngular(() => {
             this.driver ??= new ScrollDriver({
-                pin: this.onCanvas,
+                pin: onCanvas,
                 observe: true,
-                originOf: el => el.closest(this.onCanvas ? CANVAS_SCROLLER : PREVIEW_SCROLLER),
+                originOf: el => el.closest(onCanvas ? CANVAS_SCROLLER : PREVIEW_SCROLLER),
             });
             this.driver.add(root);
         });
@@ -5822,7 +5826,7 @@ class RenderDirective {
         }
         // A Scene runs on the canvas: the driver reads the attributes `syncA11y` wrote, and follows edits to them.
         if (nativeEl && node.role === SceneRole.Scene && this.sceneCanvas) {
-            this.sceneCanvas.attach(nativeEl);
+            this.sceneCanvas.attach(nativeEl, this.onCanvas);
             this.sceneRootEl = nativeEl;
         }
         // Wire up interactions (animations) after the element is in the DOM. Preview clones are