Fix dimensions for unresized images

WordPress · Jun 18, 2020 · 06064ce · 06064ce
1 parent 232248f
commit 06064ce
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/block-library/src/image/image-editor.js b/packages/block-library/src/image/image-editor.js
@@ -165,6 +165,7 @@ export default function ImageEditor( {
 	naturalHeight,
 	width,
 	height,
+	clientWidth,
 	children,
 } ) {
 	const { createErrorNotice } = useDispatch( 'core/notices' );
@@ -239,11 +240,11 @@ export default function ImageEditor( {
 						<div
 							className="richimage__crop-area"
 							style={ {
-								paddingBottom: `${
-									( 100 * naturalHeight ) / naturalWidth
-								}%`,
 								width,
-								height,
+								height:
+									height ||
+									( clientWidth * naturalHeight ) /
+										naturalWidth,
 							} }
 						>
 							<Cropper

diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
@@ -391,6 +391,7 @@ export default function Image( {
 				naturalHeight={ naturalHeight }
 				width={ width }
 				height={ height }
+				clientWidth={ clientWidth }
 			>
 				{ img }
 			</ImageEditor>