Fixed Media & Text Block - Image not rendered properly on frontend when inside stack (#68610)

Mayank-Tripathi32 · Mayank-Tripathi32 · carolinan · web-flow · commit a4a5b07b4432 · 2025-04-08T17:50:40.000+09:00
* feat: fixed width issue in frontend while inside stack * Revert "feat: fixed width issue in frontend while inside stack" This reverts commit abf61a9. * revert to absolute positioning * chore: apply diff Co-authored-by: Mayank-Tripathi32 <mayanktripathi32@git.wordpress.org> Co-authored-by: carolinan <poena@git.wordpress.org> Co-authored-by: t-hamano <wildworks@git.wordpress.org>
diff --git a/packages/block-library/src/media-text/style.scss b/packages/block-library/src/media-text/style.scss
@@ -106,7 +106,6 @@
 
 /* Image fill for versions 8 and onwards */
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
-	position: relative;
 	height: 100%;
 	min-height: 250px;
 }
@@ -117,7 +116,6 @@
 }
 
 .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
-	position: absolute;
 	width: 100%;
 	height: 100%;
 	object-fit: cover;

Original file line number	Diff line number	Diff line change
`@@ -106,7 +106,6 @@`
`106`	`106`
`107`	`107`	`/* Image fill for versions 8 and onwards */`
`108`	`108`	`.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {`
`109`		`- position: relative;`
`110`	`109`	`height: 100%;`
`111`	`110`	`min-height: 250px;`
`112`	`111`	`}`
`@@ -117,7 +116,6 @@`
`117`	`116`	`}`
`118`	`117`
`119`	`118`	`.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {`
`120`		`- position: absolute;`
`121`	`119`	`width: 100%;`
`122`	`120`	`height: 100%;`
`123`	`121`	`object-fit: cover;`