[wp-trac] [WordPress Trac] #47460: Twenty Nineteen: heading style breaks headings in content added by core or plugins in the front end

[WordPress Trac]

#47460: Twenty Nineteen: heading style breaks headings in content added by core or
plugins in the front end
-------------------------------------------------+-------------------------
 Reporter:  afercia                              |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  Awaiting
                                                 |  Review
Component:  Bundled Theme                        |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots needs-testing        |     Focuses:
  reporter-feedback                              |
-------------------------------------------------+-------------------------

Comment (by afercia):

 @karmatosed the media modal dialog case is just an example. The `post-
 section-dash` mixin that adds the `\020` character, which is styled as a
 horizontal line, may break any heading added on the front end by plugins.

 I haven't seen many reports of this potential breakage. Still, scoping a
 bit more that mixin shouldn't be much effort.

 Anyways, to reproduce the media modal dialog example:
 - Go to https://github.com/dbspringer/wp-frontend-media click the green
 button 'Code' and 'Download zip'. It's an example plugin by @derekspringer
 - Alternatively, use the zip I attached to this ticket.
 - Activate Twenty Nineteen.
 - Go to Plugins > Add New Plugin > Upload Plugin.
 - Upload the zip and activate the plugin.
 - Edit any post and add a Shortcode block with this content: `[frontend-
 button]`
 - Save and view the post on the front end.
 - Click the 'Select File' button.
 - The Media modal dialog opens.
 - Observe the styling of the headings within the media modal dialog is
 broken.

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