@vectoriox/iox-builder 1.9.1 → 1.9.3

package/fesm2022/vectoriox-iox-builder.mjs

@@ -4254,6 +4254,19 @@ class BuilderComponent {
         this.panOriginY = 0;
         this.hoverHideRaf = 0;
         this.canvasContentHeight = 0;
+        /**
+         * Cancel the browser's default navigation for any link clicked on the editing canvas.
+         *
+         * Bound property (not a method) so add/removeEventListener share one reference. Matches the
+         * clicked target's nearest `a[href]`, so it covers a Link/Button host as well as a click on
+         * anything nested inside a LinkedContainer. Only the DEFAULT action is cancelled — propagation
+         * is untouched, so node selection, the overlay and the context menu all behave normally.
+         */
+        this.blockCanvasNavigation = (event) => {
+            const target = event.target;
+            if (target?.closest?.('a[href]'))
+                event.preventDefault();
+        };
         this._scrollbarTimer = null;
     }
     ngOnInit() {
@@ -4329,6 +4342,16 @@ class BuilderComponent {
                 }
             });
             this.canvasRo.observe(canvasEl);
+            // The canvas is an EDITING surface: clicking a Link / LinkedContainer / Button (anything
+            // rendering an <a href>) must select it, never navigate — a redirect unloads the builder
+            // and loses unsaved work. Capture phase so it runs before the node's own click handler,
+            // and canvas-level so it covers EVERY anchor, including repeater/slider preview clones
+            // (RenderDirective skips its per-node listeners for those) and any future link component.
+            // preventDefault only cancels the browser's default navigation — the click still
+            // propagates, so selection/overlay behaviour is unchanged.
+            // `auxclick` covers middle-click, which opens a tab without firing `click`.
+            canvasEl.addEventListener('click', this.blockCanvasNavigation, true);
+            canvasEl.addEventListener('auxclick', this.blockCanvasNavigation, true);
         }
         this.initLenis();
         // Moveable path (flag-gated — interact.js is untouched when off). Drive drag for the selected
@@ -4358,6 +4381,8 @@ class BuilderComponent {
         const canvasEl = document.getElementById('canvas-preview');
         if (canvasEl) {
             this.dragEngine.unregisterDropzone('canvas-preview', canvasEl);
+            canvasEl.removeEventListener('click', this.blockCanvasNavigation, true);
+            canvasEl.removeEventListener('auxclick', this.blockCanvasNavigation, true);
         }
     }
     /**