Resetting position if it's center and size is not contain.

We don't use named values yet, only percentages, so it should be safe
WordPress · Mar 22, 2024 · b09f29e · b09f29e
1 parent 3872394
commit b09f29e
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/global-styles/background-panel.js b/packages/block-editor/src/components/global-styles/background-panel.js
@@ -394,11 +394,16 @@ function BackgroundSizeToolsPanelItem( {
 	const updateBackgroundSize = ( next ) => {
 		// When switching to 'contain' toggle the repeat off.
 		let nextRepeat = repeatValue;
+		let nextPosition = positionValue;
 
 		if ( next === 'contain' ) {
 			nextRepeat = 'no-repeat';
 		}
 
+		if ( next !== 'contain' && nextPosition === 'center' ) {
+			nextPosition = undefined;
+		}
+
 		if ( next === 'cover' ) {
 			nextRepeat = undefined;
 		}
@@ -414,6 +419,7 @@ function BackgroundSizeToolsPanelItem( {
 		onChange(
 			setImmutably( style, [ 'background' ], {
 				...style?.background,
+				backgroundPosition: nextPosition,
 				backgroundRepeat: nextRepeat,
 				backgroundSize: next,
 			} )