[wp-trac] [WordPress Trac] #63120: Emojis in plugin titles render in front of text characters

[WordPress Trac]

#63120: Emojis in plugin titles render in front of text characters
-------------------------------------------------+-------------------------
 Reporter:  slimndap                             |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  6.9
Component:  Plugins                              |     Version:  6.8
 Severity:  minor                                |  Resolution:
 Keywords:  good-first-bug has-patch dev-        |     Focuses:  ui, css
  feedback has-test-info                         |
-------------------------------------------------+-------------------------
Changes (by klevismiho):

 * version:   => 6.8


Comment:

 Just tested it from my Mac and I confirm the issue is happening on
 WordPress: 6.8.1

 This is the code it is outputting:

 {{{
 <strong>myplugin<img draggable="false" role="img" class="emoji" alt="❤️"
 src="https://s.w.org/images/core/emoji/15.1.0/svg/2764.svg">wordpress</strong>
 }}}

 This is the css that breaks it:

 {{{
 .plugins .plugin-title .dashicons,.plugins .plugin-title img {
     float: left;
     padding: 0 10px 0 0;
     width: 64px;
     height: 64px
 }
 }}}

 On another Mac I tested, the code looks like this and it works fine.


 {{{
 <strong>myplugin❤️wordpress</strong>
 }}}

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