Wordpress Admin Menu Display Glitch in Google Chrome

WordPress admin menu display glitch in Google Chrome

This issue has very recently been fixed in Chrome 45.0.2454.93 so there should be no need to use this if you have the latest version of Chrome

The code below is only left in for reference.

---

You can fix this with CSS:

function chromefix_inline_css()
{ 
  wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0); }' );
}

add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Add that to your theme functions.php file and it should fix the problem. There's no check for the Chrome browser specifically, but it appears this fix has no adverse effect on other browsers, so no harm done.

If you just want a plugin to do it: https://github.com/raffjones/chrome-admin-menu-fix

WordPress admin menu display glitch in Google Chrome

This issue has very recently been fixed in Chrome 45.0.2454.93 so there should be no need to use this if you have the latest version of Chrome

The code below is only left in for reference.

---

You can fix this with CSS:

function chromefix_inline_css()
{ 
  wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0); }' );
}

add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Add that to your theme functions.php file and it should fix the problem. There's no check for the Chrome browser specifically, but it appears this fix has no adverse effect on other browsers, so no harm done.

If you just want a plugin to do it: https://github.com/raffjones/chrome-admin-menu-fix

Wp-admin menu text appears in wrong rows

Im taking a wild guess and saying you're using Chrome.

In the latest couple of versions, there seems to be a problem which is causing this issue and it has been reported to both Chrome and WordPress.

There are two quick fixes in the mean time till someone fixes the issue.

Option 1 - Fix in Chrome

• 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.

Option 2 - Fix in WordPress

Add this to your functions folder.

function chromefix_inline_css()
{ 
  wp_add_inline_style( 'wp-admin', '#adminmenu { transform: translateZ(0); }' );
}

add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Or you can download this plugin to fix the issue for you

• Chrome Admin Menu Fix - Raffjones

My custom Wordpress plugin is causing a white screen in the admin area when navigating to a different admin menu item

I have just encountered this problem and found the following suspected factors:
I have several plugins installed, running in local without problem, while I put in production server, white screen of death.

Localhost settings:
PHP 5.3.1

Server:
PHP 5.2.17

So the first suspect is PHP version difference.

The 2nd suspect I found by tracing through the script in Chrome.
First, I found that the white screen of death is actually a HTTP 500 Internal Server error according to the header information. And then after I comment out the following,

require_once(ABSPATH.'wp-admin/includes/upgrade.php');
dbDelta($sql);

The plugin works again. And the weird part is, this problem occur only several plugin turn on at the same time. Only a single plugin with the above statement does not generate any error.

The combination of the plugin is:

• Paid Membership Pro 1.7.9.1
• Activity Log 1.1
• Theme My Login 6.3.9

They all seems competing for something in the session or header which I have not yet found out exactly the cause. I think this direction might help.

About the error log, because it cause a 500 internal error, it does not output to debug.log, I have added a few "echo" in several lines in the plugin to see which point it generate 500 error.

If that is too difficult to intercept, you may hijack wp-settings.php,
in the line with "... as $plugin)"
just add a echo $plugin . "<br>"; line in the foreach loop and all plugin path will be out and it will help to debug.

That's my findings so far.

Note: For official debug method, please refer to Debugging_in_WordPress

Edit 1:

I have tried PHP version testing in localhost, running an older PHP version than server, it does not generate error.

And
I found that there is a problem in the production server generating 406 error. It seems their(server) settings have problem.
And then I test it a while(5 hours) later, it seems resolved. So, according to the experience from other users during solution findings, Server Settings, PHP caching in the temporary directory are also possible causes to problem. I installed another new set of Wordpress to make sure the original system files are not modified. 5 hours ago, it generate error with strange 406 error too. And then the problem gone, no more white screen in previous plugins when they are all activated.

To test HTTP 406 error in my case by running: http://www.example.com/wp-content/
It should be a blank page, if you see anything other than blank page such as "error in Handling...". It is most likely running into Server problem.

To summary the possible check points:

• Server settings, if there is any HTTP 406 error when running http://www.example.com/wp-content/
• PHP caching (sessions temporary files) or cookies, clean them up
• PHP version (development vs production environment)
• Apache settings in .htaccess, make sure there is no any custom redirect to affect
• If one or two specific plugins conflicts. Check to see if there is anything conflict during init hook phase. And check that if their namespaces conflicted.

---

Related Topics