[wp-trac] [WordPress Trac] #62240: Cover block image is not displayed when the block inside group with background color

WordPress Trac noreply at wordpress.org
Thu Oct 17 08:30:37 UTC 2024


#62240: Cover block image is not displayed when the block inside group with
background color
--------------------------+-----------------------------
 Reporter:  extendthemes  |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Editor        |    Version:
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 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:

 [[Image(https://i.ibb.co/1RHghHc/Screenshot-2024-10-17-112726.png)]]

 The same result is on the frontend too.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/62240>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list