Admin sidebar items overlapping in admin panel

Before to report this to wordpress I would like to know if it's just me or it's actually a bug. I noticed also another user that asked on the wordpress forum but he hadn't an answer for that: https://wordpress.org/support/topic/admin-left-menu-overlap

And the same is here: admin sidebar overlapping

It happens almost every time I move the cursor above the panel and it seems to give this problem only in Chrome but I couldn't try it in other browser except for Edge where it seems to work fine.

My environment information is:
OS: Windows 10 64bit
Browser: 45.0.2454.78 beta-m (64-bit) extensions all deactivated

Answers 2

  • This is a known issue.

    The current fix (which may also make it into core) looks like this:

    add_action( 'admin_enqueue_scripts', 'chrome_fix' );
    
    function chrome_fix() {
    
        if ( strpos( $_SERVER[ 'HTTP_USER_AGENT' ], 'Chrome' ) !== false ) {
            wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0) }' );
        }
    }
    

  • @user80085 Create a new plugin to do this. Create a new file in wp-content/plugins called "admin-menu-chrome-fix.php" with the following:

    <?php
    /*
    Plugin Name: Admin Menu Chrome Fix
    Plugin URI:
    Description: Fixes overlapping admin dashboard menu in chrome
    */
    
    add_action( 'admin_enqueue_scripts', 'chrome_fix' );
    function chrome_fix() {
        if ( strpos( $_SERVER[ 'HTTP_USER_AGENT' ], 'Chrome' ) !== false ) {
            wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0) }' );
        }
    }
    

    Don't forget to activate the plugin.


Related Questions