@vectoriox/iox-builder 1.4.73 → 1.4.74

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1458,10 +1458,21 @@ class InteractionEngineService {
                 const elH = elRect.bottom - elRect.top;
                 return elH > 0 && overlapH / elH >= 0.1;
             };
-            const checkAndFire = () => { if (isInCanvasViewport())
-                fire(); };
-            // Initial check — defer one animation frame so layout is settled after render.
+            let fired = false;
+            const checkAndFire = () => {
+                if (fired)
+                    return;
+                if (isInCanvasViewport()) {
+                    fired = true;
+                    fire();
+                }
+            };
+            // Initial checks: a single RAF fires before deeply-nested Angular components
+            // have settled their layout. Schedule retries so above-fold elements are
+            // detected even when render takes a few frames.
             const rafId = requestAnimationFrame(checkAndFire);
+            const t1 = window.setTimeout(checkAndFire, 100);
+            const t2 = window.setTimeout(checkAndFire, 400);
             // Lenis changes scrollTop on .preview-scroll → native scroll event fires.
             // Builder also dispatches a synthetic scroll on .preview-lenis-content.
             // Listen on both so we catch all scroll notifications.
@@ -1470,7 +1481,10 @@ class InteractionEngineService {
             if (lenisEl)
                 lenisEl.addEventListener('scroll', checkAndFire, { passive: true });
             return () => {
+                fired = true; // stop any pending checks
                 cancelAnimationFrame(rafId);
+                clearTimeout(t1);
+                clearTimeout(t2);
                 canvasRoot.removeEventListener('scroll', checkAndFire);
                 if (lenisEl)
                     lenisEl.removeEventListener('scroll', checkAndFire);
@@ -1646,7 +1660,11 @@ class InteractionEngineService {
         // Mark as hidden so the builder overlay and drag engine can ignore this element
         // and all of its children regardless of which entrance animation type is used.
         element.setAttribute('data-iox-hidden', '');
-        element.style.setProperty('pointer-events', 'none');
+        // In builder mode the overlay handles all pointer interaction — omit
+        // pointer-events:none so wheel events still reach Lenis and canvas scroll works.
+        if (!this.isBuilderMode()) {
+            element.style.setProperty('pointer-events', 'none');
+        }
         this.preStatedElements.add(element);
     }
     clearInlineAnimationStyles(element) {