WordPress Admin Menü Anzeige Glitch in Google Chrome

Ein aktuelles Update auf Google Chrome scheint Probleme mit meinem WordPress-Admin-Menüs zu verursachen.WordPress Admin Menü Anzeige Glitch in Google Chrome

Diese auf allen Seiten geschieht, sei es in der lokalen Entwicklung oder im Internet. Die Seiten werden in anderen Browsern (Firefox und Safari) angezeigt.

Das Deaktivieren aller Plugins und das Ändern des Standardthemas Twentyfifteen hatten keinen Einfluss auf diesen Displayfehler.

Gibt es ein bekanntes Problem mit Chrome? Kann das behoben werden?

Quelle

2015-08-11 raffjones

Beachten Sie, dass dies Chrome Bug noch nicht festgelegt, wie der Chrome v45.0.2454.85 m – Costa

Sie können den Status des Fehlers folgen hier: https://code.google.com/p/chromium/iss = details? id = 509179 Es wird wahrscheinlich in Version 46 behoben –

Dieses Problem wurde vor kurzem in Chrome behoben 45.0.2454.93 so sollte es keine Notwendigkeit, diese zu verwenden, wenn Sie die neueste Version von Chrome haben

Der folgende Code nur als Referenz in gelassen wird.

Sie können dieses Problem beheben mit CSS:

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

add_action('admin_enqueue_scripts', 'chromefix_inline_css');

hinzufügen, die zu Ihrem Thema functions.php Datei und es sollte das Problem beheben. Es gibt keine Überprüfung für den Chrome-Browser speziell, aber es scheint, dass dieser Fix keine nachteiligen Auswirkungen auf andere Browser hat, also kein Schaden angerichtet.

Wenn Sie nur ein Plugin, es zu tun: https://github.com/raffjones/chrome-admin-menu-fix

Quelle

2015-08-11 14:20:23 raffjones

Ich kann bestätigen, dass das Plugin als temporäre Abhilfe funktioniert. Es gibt auch Vorschläge, dass eine zukünftige Version von Chrome dies behebt: https://productforums.google.com/d/msg/chrome/_T7hln9XMzE/gzaLii9JiiEJ –

Danke Joe. Sie haben Recht - sieht so aus, als hätte Google das Problem jetzt im Blick. Wenn es in der stabilen öffentlichen Veröffentlichung ist, werden jetzt viel mehr Leute anfangen, Lärm darüber zu machen, also bin ich zuversichtlich, dass es bald eine Lösung geben wird. – raffjones

Super! Ich habe die js zuvor in meinen Themes verwendet, aber Ihr neuer CSS-Fix ist viel besser. Danke für das Teilen! –

Entfernen Vielleicht Chrome Beta Um dieses Problem zu lösen? Es hat den Trick für mich gemacht :-)

Quelle

2015-08-12 13:25:10

Ja, das funktioniert. Ich kann mich nicht erinnern, dass ich mich explizit für die Verwendung von Chrome Beta angemeldet habe, und die Neuinstallation ist nicht ideal, aber es funktioniert auch für mich. Prost! – raffjones

Sorry, Michael wenn ich den Workaround an die falsche Stelle bringe! –

Dies ist nicht mehr relevant, da zu der Zeit, als dies veröffentlicht wurde, die stabile Version von Chrome 44 war. Die Beta dieser Zeit ist jetzt die stabile Version (45) mit dem Problem immer noch vorhanden. – raffjones

Sieht so aus, als ob dies nur auf die Stable-Version von Chrome 45 übertragen wurde. Genau dieses vermasselte Display bekomme ich in Version 45 von Chrome auf Mac und PC.

Quelle

2015-09-01 18:33:06 netnothing

Bearbeiten: Dieses Problem wurde jetzt in allen Versionen von Chrome auf allen Plattformen behoben. Aktualisieren Sie Chrome einfach auf die neueste verfügbare Version für Ihren Kanal.

Alte Antwort:

Zum chrome: // flags/# disable-Schlankheits-malen
Aktivieren Sie die "Disable Slimming Paint" -Option.
Stellen Sie sicher, dass die Option "Abnehmfarbe aktivieren" nicht aktiviert ist.
Relaunch Chrome.

Behebt es für mich. Scheint, dass der Fehler in "Slimming Paint", Teil des neuen Blink Renderings, liegt.

Quelle

2015-09-02 20:31:32 Otto

Ja, hat auch für mich funktioniert - das ist die beste Lösung, da es kein WordPress-Problem ist und daher keine Problemumgehung benötigt. Schön! – raffjones

Abnehmen geht nicht weg, sieht aus wie [es ist eine dauerhafte Änderung] (https://groups.google.com/a/chromium.org/forum/#!topic/chromium-dev/NALTkPHefW0) nach Chrome. – rwdsco

Danke für die heads up @zenjiweb. Die folgende CSS-Lösung funktioniert einwandfrei, wenn Chrome nicht geändert wird, um dies zu sortieren. – raffjones

-1

Eine andere Variante von raffjones antworten. Fügen Sie dies der Datei functions.php Ihres Themes hinzu, und das Problem wird behoben. Ich habe mit Erfolg in Chrome 45 Mac getestet:

// Patch for WP Admin rendering bug in Chrome 45+ 
function admin_menu_chrome_patch() { 
    echo '<style>#adminmenu { transform: translateZ(0); }</style>'; 
} 
add_action('admin_head', 'admin_menu_chrome_patch');

Quelle

2015-09-03 15:15:03 rwdsco

Interessant, dass dies eine dauerhafte Veränderung ist. Ihre CSS-Lösung ist fast die gleiche wie die, die ich zuvor gepostet habe, mit der Ausnahme, dass es für Inline-Stile empfohlen ist, den Hook admin_enqueue_scripts anzuhängen und die Methode wp_add_inline_style - https://codex.wordpress.org/Function_Reference/wp_add_inline_style - zu verwenden. Sie sollten auch nach Chrome suchen, da Ihr Fix für alle Browser gilt. – raffjones

@raffjones Entschuldigung entschuldigt meine Antwort ein wenig. Es stellte sich heraus, dass "Schlankheitskur" zwar permanent ist, das Problem aber immer noch ein Chrome-Bug ist. Ich sehe jedoch nicht die Notwendigkeit, chrome by user agent auf der Serverseite zu erkennen? Teure Server-Operation, um CSS zu verstecken, die technisch die Browser-Performance verbessern sollte – rwdsco

Ich hoffe, jemand von Google wird sich einrechnen und uns wissen lassen, ob es eine Lösung geben wird. Ich denke, Sie haben wahrscheinlich recht, wenn Sie sich nicht mit der Browser-Agent-Überprüfung beschäftigen, da es sich um eine CSS-Korrektur handelt, die andere Browser nicht beeinträchtigt. Ich bevorzuge immer noch die andere Methode des Einfügens von Inline-CSS über wp_add_inline_style, aber es ist mehr oder weniger die gleiche Sache - nur nach WordPress Best Practice. – raffjones

versuchen, dies für chrom nur

in Funktionen.php:

/* fix glitch on chrome for admin menus */ 
function chromefix_inline_css() { 
    wp_add_inline_style('wp-admin', '@media screen and (-webkit-min-device-pixel-ratio:0) { #adminmenu { transform: translateZ(0); } }'); 
} 
add_action('admin_enqueue_scripts', 'chromefix_inline_css');

Quelle

2015-09-09 00:17:46 nrutas

WordPress Admin Menü Anzeige Glitch in Google Chrome

Antwort

Verwandte Themen