Chrome 18 Rendering-Artefakte um Formularelemente

Question

Nach 10.7.3 auf Chrome 18 auf OSX aktualisieren, haben wir begonnen, Elemente flüchtig Rendering-Artefakte scheinbar im Zusammenhang mit Bildung zu bemerken:

Sie kommen und gehen während des Scrollens, es scheint. Ich habe in einer Vielzahl anderer OS/Browser-Umgebungen getestet und konnte dies weder reproduzieren noch in früheren Chrome-Versionen.

Dies ist eine ausgereifte, stabile Web-App mit ziemlich komplizierten HTML/CSS. Ich war nicht in der Lage, eine einfache Testgeige herzustellen, die das reproduziert.

Wer sonst noch Probleme? Können Sie sich eine mögliche HTML/CSS-Ursache vorstellen und nicht einen Chrome-Fehler?

Answer 1

Ich bemerkte auch, dass Chrome 18 Artefakte auf einigen Seiten zeigt, aber das passiert nur, wenn diese Seite GPU beschleunigt ist. Ich fragte eine ähnliche Frage vor ein paar Tagen:

GPU acceleration crashes website

Chrome die Hardware-Beschleunigung ermöglicht, wenn es erkennt 3D in Ihrem CSS umwandelt.

Sie können zu chrome://flags wechseln und aktivieren Sie die "Composite Render Layer Grenzen" Option, wenn Sie grüne Quadrate rund um Ihre Seite sehen, weil einige CSS-Regel Ihre Seite hardwarebeschleunigt verursacht. Sie können versuchen, alle 3D-CSS-Regeln zu entfernen oder diesen Elementen einen höheren Z-Index zuzuweisen. Es hilft normalerweise.