@vectoriox/iox-builder 2.0.3 → 2.0.4

package/fesm2022/vectoriox-iox-builder.mjs

@@ -4454,16 +4454,21 @@ 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);
+        }
+        // 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. Bound to `.preview` (NOT #canvas-preview) so it also covers the
+        // GLOBAL-elements overlay, which is a SIBLING layer outside the page canvas — a linked
+        // container in a global header used to slip past the old canvas-only guard and navigate.
+        // Capture phase so it runs before the node's own click handler; it covers EVERY anchor,
+        // including repeater/slider preview clones (RenderDirective skips their per-node listeners)
+        // and any future link component. preventDefault only cancels default navigation — the click
+        // still propagates, so selection/overlay behaviour is unchanged. `auxclick` covers
+        // middle-click, which opens a tab without firing `click`.
+        const previewEl = this.previewCanvas?.nativeElement;
+        if (previewEl) {
+            previewEl.addEventListener('click', this.blockCanvasNavigation, true);
+            previewEl.addEventListener('auxclick', this.blockCanvasNavigation, true);
         }
         this.initLenis();
         // Moveable path (flag-gated — interact.js is untouched when off). Drive drag for the selected
@@ -4513,8 +4518,11 @@ 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);
+        }
+        const previewEl = this.previewCanvas?.nativeElement;
+        if (previewEl) {
+            previewEl.removeEventListener('click', this.blockCanvasNavigation, true);
+            previewEl.removeEventListener('auxclick', this.blockCanvasNavigation, true);
         }
     }
     /**