[wp-trac] [WordPress Trac] #26630: Plugin Dashicons in admin menu have a glitch in IE

[WordPress Trac]

#26630: Plugin Dashicons in admin menu have a glitch in IE
----------------------------+------------------------------
 Reporter:  TobiasBg        |       Owner:
     Type:  defect (bug)    |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:  3.8
 Severity:  normal          |  Resolution:
 Keywords:                  |     Focuses:  ui
----------------------------+------------------------------

Old description:

> I'm using a Dashicon icon in a plugin's admin menu entry:
> {{{
> add_menu_page( 'Plugin', $entry_name, $min_access_cap, 'slug', $callback,
> 'dashicons-list-view', $position );
> }}}
> Note the `'dashicons-list-view'` as the `$icon_url` parameter, which
> let's the admin menu entry use the List View Dashicon since [26664].
>
> This works in all browsers, except in IE (tested with IE 11 on different
> computers and different sites), where there's a small "residue" of some
> control character icon on the lower right corner of the actual icon, see
> the attached screenshot.
> When investigating this with the developer tools in IE, this disappears
> once I remove the `dashicons` class from the `div` and leave just the
> `dashicons-list-view` class.

New description:

 I'm using a Dashicon icon in a plugin's admin menu entry:
 {{{
 add_menu_page( 'Plugin', $entry_name, $min_access_cap, 'slug', $callback,
 'dashicons-list-view', $position );
 }}}
 Note the `'dashicons-list-view'` as the `$icon_url` parameter, which let's
 the admin menu entry use the List View Dashicon since [26664].

 This works in all browsers, except in IE (tested with IE 11 on different
 computers and different sites), where there's a small "residue" of some
 control character icon on the lower right corner of the actual icon:
 [[Image(https://core.trac.wordpress.org/raw-attachment/ticket/26630/ie-
 dashicons-bug.png)]]

 When investigating this with the developer tools in IE, this disappears
 once I remove the `dashicons` class from the `div` and leave just the
 `dashicons-list-view` class.

--

Comment (by TobiasBg):

 I received a report for this happening on 3.8.1 with IE 8 as well.
 Can somebody confirm this for any IE on trunk?

 Quick test code (e.g. for functions.php):
 {{{
 function add_my_plugin_icon_to_menu() {
   add_menu_page( 'My Plugin', 'My Plugin', 'read', 'my_plugin',
 '__return_true', 'dashicons-list-view' );
 }
 add_action( 'admin_menu', 'add_my_plugin_icon_to_menu' );
 }}}

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