[wp-trac] [WordPress Trac] #45907: Twenty Nineteen: Right-aligned, uncaptioned images inserted via the Classic Editor do not extend beyond the text column

WordPress Trac noreply at wordpress.org
Thu Jan 10 16:33:20 UTC 2019


#45907: Twenty Nineteen: Right-aligned, uncaptioned images inserted via the Classic
Editor do not extend beyond the text column
--------------------------+-----------------------------
 Reporter:  kjellr        |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  low           |  Milestone:  Awaiting Review
Component:  General       |    Version:  5.0.2
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 Originally reported by @joyously on the Twenty Nineteen GitHub repo:

 https://github.com/WordPress/twentynineteen/issues/688

 The Twenty Nineteen is designed to have right-aligned elements extend
 beyond the text column like so:

 [[Image(https://cldup.com/jqNamSAitA-1200x1200.png)]]

 This works in all cases ''except'' under the following conditions:

 1. An image has been inserted via the Classic Editor.
 2. The image is floated right.
 3. The image does not have a caption.

 In that case, the image will appear tucked into the text column:

 [[Image(https://cldup.com/b_oMnbi4XQ-1200x1200.png)]]

 In that case, the images are housed within paragraph tags. For example:

 {{{
 <p>
   <img src="#" class="alignright">
   This is some text that the image will float around.
 </p>
 }}}

 The `<p>` inherits our max-width styles, and prevents the image from
 extending beyond the content column. In order to have the image extend
 beyond the paragraph's width, we'd need to pull it out via negative
 margins or relative positioning of some sort. The markup would be very
 different from the markup we're currently using for all other cases though
 — I'm not personally sure it's worth sorting out for this single use case,
 but leaving the issue here in case anyone comes across a simple solution.

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


More information about the wp-trac mailing list