[wp-trac] [WordPress Trac] #19586: Admin menu display broken when hovering item on IE8

[WordPress Trac]

#19586: Admin menu display broken when hovering item on IE8
-----------------------------------+------------------------------
 Reporter:  firebird75             |       Owner:
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Menus                  |     Version:
 Severity:  normal                 |  Resolution:
 Keywords:  needs-patch has-patch  |
-----------------------------------+------------------------------
Changes (by firebird75):

 * keywords:  needs-patch => needs-patch has-patch


Comment:

 I have identified a fix for this issue. The following CSS style should be
 updated :

 {{{

 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
 #adminmenu li.menu-top:hover .wp-menu-arrow,
 #adminmenu li.current .wp-menu-arrow,
 #adminmenu li.focused .wp-menu-arrow,
 #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div {
 display: none\0;
 }

 }}}

 The display:none\0; is a CSS hack that will apply only to IE8 and allow to
 fix the issue. The \0 is applied to make sure the CSS isn't applied to any
 other browser than IE8.

 While waiting for the WP next release to include the fix, here is the way
 to fix it :

 {{{


 if (is_admin() && $wp_version >= '3.3')
     echo '<style type="text/css" media="screen"><!-- #adminmenu li.wp-has-
 current-submenu .wp-menu-arrow,#adminmenu li.menu-top:hover .wp-menu-
 arrow,#adminmenu li.current .wp-menu-arrow,#adminmenu li.focused .wp-menu-
 arrow,#adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div
 {display: none\0;} --></style>';

 }}}
 This code should be loaded at the end of the admin header through the
 right hook.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/19586#comment:2>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software