WordPress / theme-experiments

Experimenting with themes made out of blocks.
GNU General Public License v2.0
546 stars 180 forks source link

TT1 Blocks: Stretched images in Media & Text block #191

Closed alaczek closed 2 years ago

alaczek commented 3 years ago

I noticed that images in Media & Text block are being stretched in TT1 blocks (and it's not an issue in TT1). Let me know if I can help with further testing/troubleshooting.

Here's a screenshot from TT1 blocks: image

...and a screenshot from TT1 for comparison: image

...and here's how it looks like in the Editor: image

Here's the code I'm working with in case it's useful:

<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaId":15,"mediaLink":"https://wide-tahr.jurassic.ninja/2021/01/29/hello-world/cody-black-1qunfzazroc-unsplash/","mediaType":"image","imageFill":false,"style":{"color":{"background":"#fafafa"}}} -->
<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile has-background" style="background-color:#fafafa"><figure class="wp-block-media-text__media"><img src="https://wide-tahr.jurassic.ninja/wp-content/uploads/2021/01/cody-black-1qunfzazroc-unsplash-1024x683.jpg" alt="" class="wp-image-15 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading -->
<h2>Hey there!</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"placeholder":"Content…","fontSize":"normal"} -->
<p class="has-normal-font-size">Hi, I’m Lillie, a mom of two, passionate about photography, home decor, and travel. Thanks for visiting!</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><em>First time to the site?&nbsp;<a href="https://bowenstarterdesign.wordpress.com/#">Start here</a></em></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

WordPress 5.6 Gutenberg plugin: 9.8.3 TT1 Blocks: 0.4.2

MaggieCabrera commented 2 years ago

I think this one was fixed in core