@vectoriox/iox-builder 1.4.77 → 1.4.79

package/fesm2022/vectoriox-iox-builder.mjs

@@ -1631,22 +1631,30 @@ class InteractionEngineService {
      * trigger fires. Called for ALL entrance-type actions regardless of trigger so
      * that a click-triggered fadeIn on a menu overlay also starts it hidden.
      *
-     * In production also sets pointer-events:none. In builder mode pointer-events
-     * are left as-is so wheel events still reach the Lenis scroll container;
-     * the data-iox-hidden guard in render.directive.ts prevents overlay selection.
+     * In builder mode only opacity:0 is applied — transforms on canvas elements
+     * inside iox-page-component's scale() transform break Lenis scroll. The transform
+     * jump at animation t=0 is invisible because the element is already opacity:0.
+     * In production the full keyframe is applied + pointer-events:none.
      */
     applyPreState(element, action) {
         const { keyframes } = this.buildAnimation(action);
         if (!keyframes.length)
             return;
         const first = keyframes[0];
-        for (const [prop, val] of Object.entries(first)) {
-            element.style[prop] = String(val);
+        if (this.isBuilderMode()) {
+            // No transforms — inline transforms on children inside iox-page-component's
+            // scale() break Lenis scroll. pointer-events:none lets wheel events and
+            // hover fall through to visible elements underneath.
+            element.style.setProperty('opacity', '0');
+            element.style.setProperty('pointer-events', 'none');
         }
-        element.setAttribute('data-iox-hidden', '');
-        if (!this.isBuilderMode()) {
+        else {
+            for (const [prop, val] of Object.entries(first)) {
+                element.style[prop] = String(val);
+            }
             element.style.setProperty('pointer-events', 'none');
         }
+        element.setAttribute('data-iox-hidden', '');
         this.preStatedElements.add(element);
     }
     clearInlineAnimationStyles(element) {