Background image support: Fix issue with background position if keybo…

…ard entry happens before mouse interaction (#59050) Co-authored-by: andrewserong <[email protected]> Co-authored-by: tellthemachines <[email protected]>
WordPress · Feb 15, 2024 · 626f7c7 · 626f7c7 · github-actions · Feb 15, 2024
1 parent dffac59
commit 626f7c7
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/block-editor/src/hooks/background.js b/packages/block-editor/src/hooks/background.js
@@ -374,11 +374,14 @@ function backgroundSizeHelpText( value ) {
 }
 
 export const coordsToBackgroundPosition = ( value ) => {
-	if ( ! value || isNaN( value.x ) || isNaN( value.y ) ) {
+	if ( ! value || ( isNaN( value.x ) && isNaN( value.y ) ) ) {
 		return undefined;
 	}
 
-	return `${ value.x * 100 }% ${ value.y * 100 }%`;
+	const x = isNaN( value.x ) ? 0.5 : value.x;
+	const y = isNaN( value.y ) ? 0.5 : value.y;
+
+	return `${ x * 100 }% ${ y * 100 }%`;
 };
 
 export const backgroundPositionToCoords = ( value ) => {