[wp-trac] [WordPress Trac] #30900: Admin menu is flickering when scrolling left or right

[WordPress Trac]

#30900: Admin menu is flickering when scrolling left or right
--------------------------------+-----------------------------
 Reporter:  mindrun             |      Owner:
     Type:  defect (bug)        |     Status:  new
 Priority:  normal              |  Milestone:  Awaiting Review
Component:  Menus               |    Version:  4.1
 Severity:  normal              |   Keywords:
  Focuses:  ui, administration  |
--------------------------------+-----------------------------
 If you open WordPress' backend in the latest Safari version (8.0.2) on OS
 X you'll notice that the admin menu looks a bit buggy if you're trying to
 scroll left or right. So I started digging into the CSS code and found out
 that this is caused by some attributes on the ''#adminmenuback''-element.

 Currently, the element has the following attributes:

 {{{
 #adminmenuback {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: -1;
 }
 }}}

 But If we would change the '''position''' to 'fixed' (like #adminmenuwrap
 already has it) and the '''z-index''' to '9980', the menu won't look buggy
 anymore if someone scrolls to the left or right. - I also tested the
 element's new behavior on mobile and in different browsers like Chrome,
 Opera and Firefox and everything looks fine.

 - Menu without fix: [http://quick.as/ov6bCaVg]
 - Menu with fix: [http://quick.as/VG1Qc6Qg]

 Therefore this will be the new declaration for the named element:

 {{{
 #adminmenuback {
      position: fixed;
      top: 0;
      bottom: 0;
      z-index: 9989;
 }
 }}}

 I would very much welcome it if someone could look after this problem.
 Thanks in advance!

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