Rows that hug their cross axis and stretch give hugging children the thickest child's size, as the editor's solver does

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AjsYaRkTHNKszSHjd3j264

Author: claude

lib/src/transformers/node_transformers/passive_row_column_transformer.dart

@@ -211,10 +211,19 @@ class PassiveRowColumnTransformer extends NodeWidgetTransformer<RowColumnNode> {
     // A parent that stretches its children across gives each one the full
     // cross axis, like the editor's solver, except a child that hugs on that
     // axis: the solver keeps its own size there and places it at the start.
+    // In a parent that hugs the cross axis too (measured with an
+    // IntrinsicHeight/Width), the solver stretches hugging children to the
+    // thickest one, so cards in a row get equal heights.
+    final bool parentHugsCross =
+        (mainAxis == AxisC.horizontal
+            ? parentRowColumn.verticalFit
+            : parentRowColumn.horizontalFit) ==
+        SizeFit.shrinkWrap;
     final AlignmentGeometry? childAlignment =
         (alignment ?? node.alignment).data?.flutterAlignmentGeometry ??
         (parentRowColumn.crossAxisAlignment == CrossAxisAlignmentC.stretch &&
-                crossAxisFit == SizeFit.shrinkWrap
+                crossAxisFit == SizeFit.shrinkWrap &&
+                !parentHugsCross
             ? AlignmentDirectional.topStart
             : null);
     final bool hasAlignment = childAlignment != null;

test/stretch_row_test.dart

@@ -0,0 +1,53 @@
+import 'package:codelessly_api/codelessly_api.dart';
+import 'package:codelessly_sdk/codelessly_sdk.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+
+import 'feedback_actions_test.dart' show body, canvas, layoutOf, pumpLayouts;
+
+RowColumnNode card(String id, String content) => RowColumnNode(
+  id: id,
+  name: id,
+  rowColumnType: RowColumnType.column,
+  basicBoxLocal: NodeBox(0, 0, 150, 100),
+  horizontalFit: SizeFit.expanded,
+  verticalFit: SizeFit.shrinkWrap,
+  fills: [PaintModel.solid(id: '$id fill', color: ColorRGB.black)],
+  children: [content],
+)..parentID = 'cards';
+
+RectangleNode block(String id, String parent, double height) => RectangleNode(
+  id: id,
+  name: id,
+  basicBoxLocal: NodeBox(0, 0, 100, height),
+)..parentID = parent;
+
+void main() {
+  testWidgets('a row that hugs its height and stretches its children gives '
+      "hugging cards the tallest card's height, as the editor lays it out", (
+    tester,
+  ) async {
+    await pumpLayouts(tester, [
+      layoutOf('main', [
+        canvas('main', 'mainBody'),
+        body('mainBody', 'main', ['cards']),
+        RowColumnNode(
+          id: 'cards',
+          name: 'cards',
+          rowColumnType: RowColumnType.row,
+          basicBoxLocal: NodeBox(0, 0, 390, 320),
+          horizontalFit: SizeFit.expanded,
+          verticalFit: SizeFit.shrinkWrap,
+          crossAxisAlignment: CrossAxisAlignmentC.stretch,
+          children: ['short', 'tall'],
+        )..parentID = 'mainBody',
+        card('short', 'shortBlock'),
+        block('shortBlock', 'short', 200),
+        card('tall', 'tallBlock'),
+        block('tallBlock', 'tall', 320),
+      ]),
+    ]);
+    expect(tester.getSize(find.byKey(const ValueKey('short')).first).height, 320);
+    expect(tester.getSize(find.byKey(const ValueKey('tall')).first).height, 320);
+  });
+}