diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js index 1233abbcdca605..a23564c3945182 100644 --- a/packages/block-library/src/image/edit.native.js +++ b/packages/block-library/src/image/edit.native.js @@ -509,11 +509,14 @@ export class ImageEdit extends Component { image, clientId, imageDefaultSize, - context: { imageCrop = false } = {}, + context, featuredImageId, wasBlockJustInserted, } = this.props; const { align, url, alt, id, sizeSlug, className } = attributes; + const hasImageContext = context + ? Object.keys( context ).length > 0 + : false; const imageSizes = Array.isArray( this.props.imageSizes ) ? this.props.imageSizes @@ -627,9 +630,11 @@ export class ImageEdit extends Component { const additionalImageProps = { height: '100%', - resizeMode: imageCrop ? 'cover' : 'contain', + resizeMode: context?.imageCrop ? 'cover' : 'contain', }; + const imageContainerStyles = [ hasImageContext && styles.fixedHeight ]; + const getImageComponent = ( openMediaOptions, getMediaOptions ) => ( { return ( - + ); diff --git a/packages/block-library/src/image/styles.native.scss b/packages/block-library/src/image/styles.native.scss index e7a9516b9d8d8d..476bb8b2be4716 100644 --- a/packages/block-library/src/image/styles.native.scss +++ b/packages/block-library/src/image/styles.native.scss @@ -31,7 +31,7 @@ padding-bottom: $grid-unit; } -.isGallery { +.fixedHeight { height: 150; overflow: visible; }