Nav Bar Menu Static Placement & Hover Actions Messed Up

Odd, seems to only happen in Google Chrome on a PC. Firefox, Opera, Safari and IE (on PC) work fine.

Hello,

I confirm this odd behavior of the main admin menu (top nav bar seems okay though) on Google Chrome Version 45.0.2454.85 (64-bit) on an iMac.

I’ve seen odd behavior on Chrome with older version in the past that was messing up the Woocommerce setting page… after contacting support a few days later they where unable to reproduce the problem and when I checked again the problem had disappeared mysteriously…

Bottom line, maybe WordPress JS is in cause here OR maybe not… HAVING THE WP SUPPORT TEAM CHECK ON THIS ASAP WOULD BE HIGHLY APPRECIATED THOUGH AS I HAVE TO USE MAINLY CHROME ??

I have the same problem after upgrading to 4.3 on all of my sites (about 20)
here is a screencast https://screencast.com/t/YZ6TgrioYNyy

using google chrome as well. have not tested elsewhere

The problem is a bug in the latest version of Chrome 45. Your Chrome auto-updated to it recently. It will happen with all versions of WordPress, and other sites using similar markup. WordPress 4.3 is not involved in the bug.

The Chrome team has been informed of the issue.

Workaround for now:

– Go to chrome://flags/#disable-slimming-paint
– Enable the “Disable slimming paint” option.
– Ensure that the “Enable slimming paint” option below it is not turned on.
– Relaunch Chrome.

Ok, thanks @otto.

I can try that and probably will…but the true problem is I have 200+ users across both of my separate WPMS Network installs. I can’t possibly reach everyone and have them tweak Chrome — not that they would even understand what the heck I’m talking about ?? [’cause they’re “users”, not “techies”]

So I truly hope the Google Chrome team or the WordPress Development team launches a fix in the very, very near future.

frank, if you have a limited number of sites and need a temporary fix in WordPress itself, this will trick Chrome into rendering the menu properly.

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); }' );
}

Add that code into a mu-plugin or a regular plugin. Basically, using the transform: translateZ(0); CSS tricks chrome into re-rendering the menu using the 3d engine. This should be considered a temporary solution, until Chrome gets it fixed.

For WP, you can make this MU plugin:

https://core.trac.www.ads-software.com/ticket/33199#comment:43

FWIW it’s already fixed in Canary as far as I can tell so .. hoping Chrome isn’t daft.

The issue still exists in Canary, sadly. At least, I installed 47.0.2500.0 canary (64-bit) on Windows 10 and it still happens there. Doesn’t seem to happen as often though. Refreshing seems to be about a 50/50 thing there.

Same thing is happening to me.

Samuel Wood’s add_action to insert css trick seems to resolve it at least one site. I tried to change the Chrome settings, and no luck.

Thanks

That’s correct @atomicadam. Samuel Wood (Ott)’s solution, coupled with Ipstenu (Mika Epstein)’s MU Plugin suggestion works perfectly and is the way I implemented it until Chrome gets fixed.

I am also having this issue. I will try the MU Plugin. Have we confirmed that this is just related to the newest version of WP coupled with Chrome? (I am only seeing it on chrome also… so I’m assuming so)

Have we confirmed that this is just related to the newest version of WP coupled with Chrome?

I can say that I have @piercerides.

My earlier post above:

… seems to only happen in Google Chrome on a PC. Firefox, Opera, Safari and IE (on PC) work fine.

Thanks,
Patch/work around worked for me. Thanks again

The issue is resolved in newest chrome update Version 45.0.2454.93 m released on SEPTEMBER 15, 2015

The issue is resolved in newest chrome update Version 45.0.2454.93 m released on SEPTEMBER 15, 2015

This is true. I just tested in by removing the workaround from my MU Plugins and all is back to normal.