Make WordPress Core

Opened 3 weeks ago

#62240 new defect (bug)

Cover block image is not displayed when the block inside group with background color

Reported by: extendthemes's profile extendthemes Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Editor Keywords:
Focuses: Cc:

Description

In WordPress 6.7 Beta 3, if you add a cover block inside a group with backround color, the cover block image is not displayed anymore.

Here is a content example that reproduces the issue:

<!-- wp:group {"align":"full","backgroundColor":"accent-1","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-accent-1-background-color has-background"><!-- wp:cover {"url":"https://wps.iconvert.pro/wp2/iulian/site-2024-10-17-11-15-06/wp-content/themes/twentytwentyfour/assets/images/museum.webp","dimRatio":50,"customOverlayColor":"#b0887f","isUserOverlayColor":false,"isDark":false,"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim" style="background-color:#b0887f"></span><img class="wp-block-cover__image-background" alt="" src="https://wps.iconvert.pro/wp2/iulian/site-2024-10-17-11-15-06/wp-content/themes/twentytwentyfour/assets/images/museum.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

And here is the result:

https://i.ibb.co/1RHghHc/Screenshot-2024-10-17-112726.png

The same result is on the frontend too.

Change History (0)

Note: See TracTickets for help on using tickets.