[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:
 Severity:  minor                       |  Resolution:
 Keywords:  needs-patch good-first-bug  |     Focuses:  ui, css
----------------------------------------+----------------------

Comment (by sabernhardt):

 With Firefox and Chrome in Windows 11, I did not experience the floating
 emoji either, but it apparently can happen when the emoji script replaces
 the character with an image. I tried these in addition to the heart:
 🐦‍🔥🙂‍↕️

 The float rule is there for plugin icons in the updates table (#30186),
 where the icon and plugin name are inside a paragraph tag. The plugin name
 is inside a `strong` element on both admin screens. I think that
 restricting it with the child combinator would prevent floating emoji
 images in the updates table, and adding the `.updates-table` class could
 be an //extra// way to prevent applying those styles on other screens.
 {{{
 .updates-table .plugins .plugin-title p > img,
 .plugins .plugin-title .dashicons
 }}}

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