@energy8platform/game-engine 0.15.0 → 0.15.1

package/dist/index.esm.js

@@ -3450,30 +3450,35 @@ class FlexContainer extends Container {
             this._computedHeight = this._explicitHeight > 0 ? this._explicitHeight : (pt + naturalMainSize + pb);
         }
         // Position flexExclude children (absolute positioning).
-        // All position props describe the visual (bounds) rectangle, so we subtract
-        // `ox/oy` to compensate for children with a centered origin (Button, Label).
+        // All position props describe the visual (bounds) rectangle. We derive the
+        // visual rectangle directly from `getLocalBounds()` rather than the
+        // layout-config `w`/`h` returned by measureChild — those may differ from
+        // actual bounds when the user pins `layoutWidth`/`layoutHeight` to a value
+        // that doesn't match the child's real visual extent (e.g. a Button whose
+        // text overflows its configured `width`). Mixing layout size with real
+        // bounds-origin would shift the visual center off the requested point.
         // `centerX/centerY` take precedence over `left/right` / `top/bottom` on each axis.
         for (const child of this._layoutChildren) {
             if (!child._flexConfig?.flexExclude)
                 continue;
             const cfg = child._flexConfig;
-            const { w, h, ox, oy } = measureChild(child, pctRefW, pctRefH);
+            const bounds = child.getLocalBounds();
             const cw = this._computedWidth;
             const ch = this._computedHeight;
             const centerX = resolveDimension(cfg.centerX, pctRefW);
             if (centerX !== undefined)
-                child.x = centerX - w / 2 - ox;
+                child.x = centerX - bounds.x - bounds.width / 2;
             else if (cfg.left !== undefined)
-                child.x = cfg.left - ox;
+                child.x = cfg.left - bounds.x;
             else if (cfg.right !== undefined)
-                child.x = cw - w - cfg.right - ox;
+                child.x = cw - cfg.right - bounds.x - bounds.width;
             const centerY = resolveDimension(cfg.centerY, pctRefH);
             if (centerY !== undefined)
-                child.y = centerY - h / 2 - oy;
+                child.y = centerY - bounds.y - bounds.height / 2;
             else if (cfg.top !== undefined)
-                child.y = cfg.top - oy;
+                child.y = cfg.top - bounds.y;
             else if (cfg.bottom !== undefined)
-                child.y = ch - h - cfg.bottom - oy;
+                child.y = ch - cfg.bottom - bounds.y - bounds.height;
         }
     }
     /** Computed content size (after layout) */