[wp-trac] [WordPress Trac] #63767: Prevent emoji in plugin titles from floating as icons

[WordPress Trac]

#63767: Prevent emoji in plugin titles from floating as icons
----------------------------+-----------------------------
 Reporter:  jackgona        |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  trunk
 Severity:  normal          |   Keywords:  has-patch
  Focuses:  ui, css         |
----------------------------+-----------------------------
 When an emoji is used in the plugin title, it is mistakenly floated like
 an icon due to this CSS rule:


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

 }}}


 This causes layout issues by detaching the emoji from the title.


 ----


 **Steps to Reproduce**

 1. Create a plugin file named `myplugin❤️wordpress.php`

 2. Add this plugin header:



 {{{
    /*
    Plugin Name: myplugin❤️wordpress
    */
 }}}



 3. Visit `wp-admin/plugins.php`

 ----

 **Expected**

 Emoji should stay inline with the plugin title text.

 ----

 ** Actual **

 The emoji is floated left, causing the title to appear misaligned:
 ❤️ `mypluginwordpress`

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