@vectoriox/iox-builder 1.7.5 → 1.7.6

package/fesm2022/vectoriox-iox-builder.mjs

@@ -242,11 +242,18 @@ class OverlayService {
         return this.intersectionRootElement;
     }
     /**
-     * Resolve the inner styled element.
-     * Builder components apply [ngStyle] on their first child element,
-     * so computed styles (padding, margin) live there — not on the host.
+     * Resolve the styled element (the one carrying `.iox-node-{id}` — where padding/margin/size live).
+     * Directive-host components (Image/Heading/Container/Section/…) put `iox-node-{id}` on the HOST
+     * itself, so the host IS the styled element. Legacy wrapper components (Card/Repeater/Slider) put
+     * it on the first child. Prefer the host when it's the styled element; fall back to the first
+     * child otherwise. (Before this, directive-host containers outlined their first child — e.g. a
+     * container's outline landed on the image inside it, desyncing from Moveable's resize handles.)
      */
     getStyledElement(host) {
+        for (let i = 0; i < host.classList.length; i++) {
+            if (host.classList[i].startsWith('iox-node-'))
+                return host;
+        }
         return host.firstElementChild || host;
     }
     // ── Node → Element registry ──────────────────────────────