Bring back range control when experiment is disabled

WordPress · Jun 25, 2024 · c80ce4d · c80ce4d
1 parent c12b098
commit c80ce4d
Showing 1 changed file with 32 additions and 16 deletions.
diff --git a/packages/block-editor/src/layouts/grid.js b/packages/block-editor/src/layouts/grid.js
@@ -275,23 +275,39 @@ function GridLayoutColumnsAndRowsControl( {
 							label={ __( 'Columns' ) }
 						/>
 					</FlexItem>
-					{ allowSizingOnChildren &&
-						window.__experimentalEnableGridInteractivity && (
-							<FlexItem isBlock>
-								<NumberControl
-									size="__unstable-large"
-									onChange={ ( value ) => {
-										onChange( {
-											...layout,
-											rowCount: value,
-										} );
-									} }
-									value={ rowCount }
-									min={ 1 }
-									label={ __( 'Rows' ) }
-								/>
-							</FlexItem>
+
+					<FlexItem isBlock>
+						{ window.__experimentalEnableGridInteractivity &&
+						allowSizingOnChildren ? (
+							<NumberControl
+								size="__unstable-large"
+								onChange={ ( value ) => {
+									onChange( {
+										...layout,
+										rowCount: value,
+									} );
+								} }
+								value={ rowCount }
+								min={ 1 }
+								label={ __( 'Rows' ) }
+							/>
+						) : (
+							<RangeControl
+								value={ parseInt( columnCount, 10 ) } // RangeControl can't deal with strings.
+								onChange={ ( value ) =>
+									onChange( {
+										...layout,
+										columnCount: value,
+									} )
+								}
+								min={ 1 }
+								max={ 16 }
+								withInputField={ false }
+								label={ __( 'Columns' ) }
+								hideLabelFromVision
+							/>
 						) }
+					</FlexItem>
 				</Flex>
 			</fieldset>
 		</>