Put Replace in own group to give it borders (#64849)

Co-authored-by: jeryj <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: MaggieCabrera <[email protected]>
WordPress · Sep 16, 2024 · ea0ea78 · ea0ea78
1 parent 45d33f0
commit ea0ea78
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
@@ -559,7 +559,8 @@ export default function Image( {
 	const mediaReplaceFlow = isSingleSelected &&
 		! isEditingImage &&
 		! lockUrlControls && (
-			<BlockControls group="other">
+			// For contentOnly mode, put this button in its own area so it has borders around it.
+			<BlockControls group={ isContentOnlyMode ? 'inline' : 'other' }>
 				<MediaReplaceFlow
 					mediaId={ id }
 					mediaURL={ url }