@vectoriox/iox-builder 1.4.46 → 1.4.48

package/fesm2022/vectoriox-iox-builder.mjs

@@ -677,6 +677,10 @@ class DragEngineService {
             // whose DOM element lives inside the dragged source wrapper.
             if (this._sourceEl?.contains(el))
                 continue;
+            // Skip elements hidden by interaction pre-state (pointer-events: none marks
+            // entrance-type targets that are currently opacity:0 in the canvas).
+            if (el.style.pointerEvents === 'none')
+                continue;
             const rect = this._dropzoneRectCache.get(id) ?? el.getBoundingClientRect();
             if (px >= rect.left && px <= rect.right && py >= rect.top && py <= rect.bottom) {
                 const area = rect.width * rect.height;
@@ -1152,8 +1156,8 @@ class InteractionEngineService {
             return;
         const inBuilder = this.isBuilderMode();
         // Apply any pre-states queued for THIS element by earlier-registered nodes.
-        // Skip in builder mode — all elements must remain visible for editing.
-        if (!inBuilder && node.id) {
+        // Pending entries are only added when appropriate (see loop below), so always consume.
+        if (node.id) {
             const pending = this.pendingPreStates.get(node.id);
             if (pending) {
                 for (const action of pending) {
@@ -1166,9 +1170,13 @@ class InteractionEngineService {
             return;
         const cleanups = [];
         for (const ix of node.interactions) {
-            // Pre-state: hide elements before their entrance animation fires.
-            // Skipped in builder so elements are always editable on the canvas.
-            if (!inBuilder) {
+            // Pre-state: hide target elements before their entrance animation fires.
+            // In builder mode, skip auto-fire triggers (pageLoad, viewportEnter, scrollProgress)
+            // because those triggers are also suppressed in builder mode — targets would stay
+            // permanently hidden. Manual triggers (click, hover) are kept active on the canvas,
+            // so their targets should start in the correct pre-state.
+            const skipPreState = inBuilder && ix.trigger !== 'click' && ix.trigger !== 'hover';
+            if (!skipPreState) {
                 for (const action of ix.actions) {
                     if (this.ENTRANCE_TYPES.has(action.type)) {
                         const target = this.resolveTarget(node, action);