Chrome 45 et le bug d’affichage de l’interface d’administration de WordPress

Heureux possesseur d’un WordPress et amis de Chrome, vous avez probablement dû remarquer que récemment lors de la mise à jour de votre navigateur préféré certains “bugs” graphiques étaient présents en vous connectant à votre interface d’administration.

Le problème prend sa source au niveau de la fonctionnalité Slimming Paint activée par défaut sur Chrome 45. En effet, en désactivant celle-ci, le problème est résolu.

Vous pouvez désactiver cette fonctionnalité en accédant avec Chrome à l’adresse suivante : chrome://flags/#disable-slimming-paint.

Rendez-vous ensuite à l’option Désactivez le rendu rastérisé, puis assurez-vous que cette option soit activée. Vérifiez également que l’option Activer le rendu rastérisé soit bien désactivée.

Il ne vous reste plus qu’à relancer votre navigateur Chrome.

Oui mais pour les utilisateurs qui viennent sur mon site je fais comment ?

Le problème avec cette solution, c’est que si elle marche pour vous, elle ne fonctionnera pas pour toutes les personnes amener à utiliser votre interface d’administration (clients/utilisateur interne/etc.)

La solution consiste alors à ajouter une action à l’interface d’administration de WordPress.

Pour cela ouvrez le fichier function.php de votre theme et ajoutez-y le code suivant :

function admin_menu_fix() {
  echo '<style>
    #adminmenu { transform: translateZ(0); }
  </style>';
}
add_action('admin_head', 'admin_menu_fix');

Ne vous inquiétez pas, l’équipe de développement de Chrome a été prévenue de ce bug et travaille actuellement sur une solution qui sera disponible à la prochaine version de Chrome.