[wp-trac] [WordPress Trac] #49333: Image on text section of Media & Text block not displaying on front side

[WordPress Trac]

#49333: Image on text section of Media & Text block not displaying on front side
--------------------------+----------------------------------
 Reporter:  ramizmanked   |       Owner:  (none)
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Editor        |     Version:
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  css, administration
--------------------------+----------------------------------

Comment (by SavvyK):

 I just discovered this issue today also and I believe I found the problem.
 The CSS for this option is being applied to all every figure within the
 block, not just the one in the media column. The CSS needs to be more
 specific and use
 {{{
 figure.wp-block-media-text__media
 }}}
  instead of figure.

 Two places need changes:

 {{{
 .wp-block-media-text.is-image-fill figure {
     height: 100%;
     min-height: 250px;
     background-size: cover;
 }
 }}}

 and

 {{{
 .wp-block-media-text.is-image-fill figure>img {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0,0,0,0);
     border: 0;
 }
 }}}

 should be:


 {{{
 .wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
     height: 100%;
     min-height: 250px;
     background-size: cover;
 }
 }}}

 and

 {{{
 .wp-block-media-text.is-image-fill figure.wp-block-media-text__media>img {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0,0,0,0);
     border: 0;
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/49333#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform