Try to fix Post Featured Image sizing issues

WordPress · Apr 20, 2023 · 15bef96 · 15bef96
1 parent bd47ab1
commit 15bef96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/block-library/src/post-featured-image/edit.js b/packages/block-library/src/post-featured-image/edit.js
@@ -97,7 +97,7 @@ export default function PostFeaturedImageEdit( {
  } ) );
 
  const blockProps = useBlockProps( {
- style: { width, height, aspectRatio },
+ style: { width, height, aspectRatio, maxWidth: '100%' },
  } );
  const borderProps = useBorderProps( attributes );
 
@@ -110,7 +110,8 @@ export default function PostFeaturedImageEdit( {
  ) }
  withIllustration={ true }
  style={ {
- ...blockProps.style,
+ height: !! aspectRatio && '100%',
+ width: !! aspectRatio && '100%',
  ...borderProps.style,
  } }
  >
@@ -210,7 +211,7 @@ export default function PostFeaturedImageEdit( {
  const label = __( 'Add a featured image' );
  const imageStyles = {
  ...borderProps.style,
- height: ( !! aspectRatio && '100%' ) || height,
+ height: aspectRatio ? '100%' : height,
  width: !! aspectRatio && '100%',
  objectFit: !! ( height || aspectRatio ) && scale,
  };

diff --git a/packages/block-library/src/post-featured-image/index.php b/packages/block-library/src/post-featured-image/index.php
@@ -92,7 +92,7 @@ function render_block_core_post_featured_image( $attributes, $content, $block )
  if ( ! $height && ! $width && ! $aspect_ratio ) {
  $wrapper_attributes = get_block_wrapper_attributes();
  } else {
- $wrapper_attributes = get_block_wrapper_attributes( array( 'style' => $aspect_ratio . $width . $height ) );
+ $wrapper_attributes = get_block_wrapper_attributes( array( 'style' => $aspect_ratio . $width . $height . 'max-width:100%;' ) );
  }
  return "<figure {$wrapper_attributes}>{$featured_image}</figure>";
 }