[wp-trac] [WordPress Trac] #48734: Twenty Twenty: [em] tag with blank string inside ruins theme layout

[WordPress Trac]

#48734: Twenty Twenty: [em] tag with blank string inside ruins theme layout
---------------------------+-----------------------------
 Reporter:  derlynad       |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:
 Severity:  normal         |   Keywords:
  Focuses:  css, template  |
---------------------------+-----------------------------
 Hello!

 I’ve found a layout issue, concerning to "em" tag.

 When we use the "em" tag and try to separate paragraphs inside this tag
 with blank strings, all the parts that are not in “touch” with opening and
 closing tags are "on their own" in layout. Tags were used in Classic
 Editor. See the screenshot below.

 Here’s the source:

 https://drive.google.com/file/d/1KWMwDFlodidBTqjDJRfP9j0mmw6QMuo8/view?usp=sharing

 And here’s the result:

 https://drive.google.com/file/d/1Tzhi-
 hsaGDLDdJax8kMUonHe7tJaX2Q7/view?usp=sharing

 Here's addition example in English. The source code:

 {{{
 <em>This is some random text on the first line

 Here is more text on a second line

 Additional text on a 3rd line with the closing EM tag</em>
 }}}

 And here's the result

 https://drive.google.com/file/d/1v9R127wdjPHjlXThMe9zjKXWz6V3xk8Y/view?usp=sharing

 Tested on clean Twenty Twenty theme without any additionsl CSS code.

 Tested on two different sites.

 The issue is recreated for WordPress versions 4.7.15, 5.2.4 and 5.3.

 One more experiment: if I put the strings in <p>...</p> tag, all the
 strings go to the left and ignore theme styles.

 Also tested the case for Twenty Nineteen: there is no such issue.

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