Child Layout controls: Fix help text for height (#46319)

Author: andrewserong

packages/block-editor/src/hooks/child-layout.js

@@ -14,15 +14,19 @@ import { useEffect } from '@wordpress/element';
  */
 import useSetting from '../components/use-setting';
 
-function helpText( selfStretch ) {
-	switch ( selfStretch ) {
-		case 'fill':
-			return __( 'Stretch to fill available space.' );
-		case 'fixed':
+function helpText( selfStretch, parentLayout ) {
+	const { orientation = 'horizontal' } = parentLayout;
+
+	if ( selfStretch === 'fill' ) {
+		return __( 'Stretch to fill available space.' );
+	}
+	if ( selfStretch === 'fixed' ) {
+		if ( orientation === 'horizontal' ) {
 			return __( 'Specify a fixed width.' );
-		default:
-			return __( 'Fit contents.' );
+		}
+		return __( 'Specify a fixed height.' );
 	}
+	return __( 'Fit contents.' );
 }
 
 /**
@@ -64,7 +68,7 @@ export function ChildLayoutEdit( {
 				size={ '__unstable-large' }
 				label={ childLayoutOrientation( parentLayout ) }
 				value={ selfStretch || 'fit' }
-				help={ helpText( selfStretch ) }
+				help={ helpText( selfStretch, parentLayout ) }
 				onChange={ ( value ) => {
 					const newFlexSize = value !== 'fixed' ? null : flexSize;
 					setAttributes( {