Fix File block resize glitches (WordPress#68372)

* Fix File block’s resize width glitch * Fix stuck width from resize at prior align Co-authored-by: Mamaduka <[email protected]>
yogeshbhutkar · Jan 8, 2025 · f91339e · f91339e
1 parent 0f18e11
commit f91339e
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/packages/block-library/src/file/edit.js b/packages/block-library/src/file/edit.js
@@ -255,11 +255,12 @@ function FileEdit( { attributes, isSelected, setAttributes, clientId } ) {
 			<div { ...blockProps }>
 				{ displayPreviewInEditor && (
 					<ResizableBox
-						size={ { height: previewHeight } }
+						size={ { height: previewHeight, width: '100%' } }
 						minHeight={ MIN_PREVIEW_HEIGHT }
 						maxHeight={ MAX_PREVIEW_HEIGHT }
-						minWidth="100%"
-						grid={ [ 10, 10 ] }
+						// The horizontal grid value must be 1 or else the width may snap during a
+						// resize even though only vertical resizing is enabled.
+						grid={ [ 1, 10 ] }
 						enable={ {
 							top: false,
 							right: false,