[wp-trac] [WordPress Trac] #55581: Twenty Twenty: Aligned images cannot be resized or are properly displayed

[WordPress Trac]

#55581: Twenty Twenty: Aligned images cannot be resized or are properly displayed
------------------------------------------+------------------------------
 Reporter:  robertghetau                  |       Owner:  (none)
     Type:  defect (bug)                  |      Status:  new
 Priority:  normal                        |   Milestone:  Awaiting Review
Component:  Bundled Theme                 |     Version:  5.9.3
 Severity:  normal                        |  Resolution:
 Keywords:  dev-feedback has-screenshots  |     Focuses:  css
------------------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  close dev-feedback has-screenshots => dev-feedback has-
     screenshots
 * focuses:   => css


Comment:

 comment:3 //combined// parts of two rulesets, which are still present for
 screens wider than 1000 pixels, only on the front end:

 {{{
         .entry-content > .alignleft,
         .entry-content > p .alignleft,
         .entry-content > .wp-block-image .alignleft {
                 position: absolute;

                 /*rtl:ignore*/
                 right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
                 max-width: calc((100% - 58rem) / 2 - 6rem);
         }
 }}}
 {{{
         .entry-content > .alignright,
         .entry-content > p .alignright,
         .entry-content > .wp-block-image .alignright,
         [class*="__inner-container"] > .alignright {
                 position: absolute;

                 /*rtl:ignore*/
                 left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
                 max-width: calc((100% - 58rem) / 2 - 6rem);
         }
 }}}

 The `left`, `right` and `max-width` values also change at wider
 breakpoints.

 Some tickets, such as #48718, have identified problems that can occur with
 the absolute positioning. However, anyone using the six-year-old theme
 more likely wants their content to display the same as when it was
 created.

 The editor styles could be updated to reflect the absolute positioning and
 limited width on larger screens (using 10px instead of 1rem).

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