@vectoriox/iox-builder 1.4.75 → 1.4.76

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1266,12 +1266,11 @@ class InteractionEngineService {
         const cleanups = [];
         for (const ix of node.interactions) {
             // Pre-state: hide target elements before their entrance animation fires.
-            // In builder mode: skip pre-state only for pageLoad and scrollProgress —
-            // those triggers are suppressed in the canvas so elements would stay hidden.
-            // viewportEnter uses IntersectionObserver with .preview-scroll as its root,
-            // so it fires correctly when the canvas scrolls — pre-state is safe to apply.
-            // Click/hover triggers are always active so their pre-state is applied too.
-            const skipPreState = inBuilder && (ix.trigger === 'pageLoad' || ix.trigger === 'scrollProgress');
+            // In builder mode: skip pre-state for auto-fire triggers that either are
+            // suppressed (pageLoad, scrollProgress) or use a Lenis scroll container
+            // where pointer-events:none on canvas elements breaks wheel event routing
+            // (viewportEnter). Click/hover triggers are always active.
+            const skipPreState = inBuilder && ix.trigger !== 'click' && ix.trigger !== 'hover';
             if (!skipPreState) {
                 for (const action of ix.actions) {
                     if (this.ENTRANCE_TYPES.has(action.type)) {
@@ -1447,9 +1446,6 @@ class InteractionEngineService {
             firedSet.add(key);
             this.runActions(node, ix.actions);
         };
-        const canvasRoot = this.overlayService.getIntersectionRoot();
-        // IntersectionObserver (browser viewport, no root) fires immediately for elements
-        // already visible in the canvas frame. Works for initial above-fold detection.
         const observer = new IntersectionObserver((entries) => {
             for (const entry of entries) {
                 if (entry.isIntersecting) {
@@ -1459,40 +1455,7 @@ class InteractionEngineService {
             }
         }, { threshold: 0.1 });
         observer.observe(element);
-        if (!canvasRoot) {
-            // Production mode: IntersectionObserver alone is sufficient.
-            return () => observer.disconnect();
-        }
-        // Builder mode: Lenis scrolls .preview-scroll via scrollTop on an overflow:hidden
-        // element. Browsers may not re-trigger IntersectionObserver when scrollTop changes
-        // on a non-scroll-container. Add a manual BoundingClientRect check on every Lenis
-        // scroll frame (dispatched as a native 'scroll' event on .preview-lenis-content).
-        const isInCanvasViewport = () => {
-            const rootRect = canvasRoot.getBoundingClientRect();
-            const elRect = element.getBoundingClientRect();
-            const overlapH = Math.min(elRect.bottom, rootRect.bottom) - Math.max(elRect.top, rootRect.top);
-            const elH = elRect.bottom - elRect.top;
-            return elH > 0 && overlapH / elH >= 0.1;
-        };
-        let scrollFired = false;
-        const onLenisScroll = () => {
-            if (scrollFired)
-                return;
-            if (isInCanvasViewport()) {
-                scrollFired = true;
-                observer.disconnect();
-                fire();
-            }
-        };
-        const lenisEl = this.overlayService.getScrollContainer();
-        if (lenisEl)
-            lenisEl.addEventListener('scroll', onLenisScroll, { passive: true });
-        return () => {
-            scrollFired = true;
-            observer.disconnect();
-            if (lenisEl)
-                lenisEl.removeEventListener('scroll', onLenisScroll);
-        };
+        return () => observer.disconnect();
     }
     isBuilderMode() {
         return document.body.classList.contains('builder-active');