[wp-trac] [WordPress Trac] #55034: Twenty Twenty-Two horizontal scrolling on images and text

[WordPress Trac]

#55034: Twenty Twenty-Two horizontal scrolling on images and text
---------------------------+------------------------------
 Reporter:  wpfed          |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:                 |     Focuses:  css
---------------------------+------------------------------

Comment (by costdev):

 @dd32 Thanks!

 After pasting the content you provided, the same issue occurred.

 I inserted an image block and added a caption to see what the modern
 markup is:

 `[caption]` Shortcode you provided:
 {{{#!css
 <figure style="width: 435px" class="wp-caption alignnone">
     <img loading="lazy" class="wp-image-59" alt="Boat"
 src="https://wpdotorg.files.wordpress.com/2008/11/boat.jpg" width="435"
 height="288">
     <figcaption class="wp-caption-text">Boat</figcaption>
 </figure>
 }}}

 Image block with caption:
 {{{#!css
 <!-- wp:image {"sizeSlug":"large"} -->
 <figure class="wp-block-image size-large">
     <img src="https://wpdotorg.files.wordpress.com/2008/11/boat.jpg"
 alt="Boat"/>
     <figcaption>Boat.</figcaption>
 </figure>
 <!-- /wp:image -->
 }}}

 So, Twenty Twenty-Two could include this to resolve the issue:

 {{{#!css

 figure {
     max-width: 100%;
 }

 img {
     height: auto;
     max-width: 100%;
 }
 }}}

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