From bf7050b8321f4eb521749780cf14dbfefa205338 Mon Sep 17 00:00:00 2001
From: Ella van Durpe <ella@vandurpe.com>
Date: Tue, 16 Jun 2020 16:13:40 +0300
Subject: [PATCH] Fix dimensions for unresized images

---
 packages/block-library/src/image/image-editor.js | 9 +++++----
 packages/block-library/src/image/image.js        | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/block-library/src/image/image-editor.js b/packages/block-library/src/image/image-editor.js
index 507534d95264c..6dfaa4fba7fa4 100644
--- 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
index 45a725237f36d..bde36660bf606 100644
--- 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>