Étranges blocs noirs apparaissant dans Chrome
Pour une raison quelconque, les boîtes noires s'affichent dans des espaces aléatoires dans Chrome (dernière version).
Certaines de ces boîtes apparaissent en dehors du conteneur principal, tandis que d'autres apparaissent en ligne et couvrent des blocs de contenu. Ils apparaissent aléatoirement, généralement après un défilement, et disparaissent souvent lors de l'ouverture de l'inspecteur, du survol d'éléments ou du défilement vers le bas et vers l'arrière.
Pour référence, il y a des animations, des ombres de la boîte (qui ont été désactivés sans chance), des dégradés linéaires et une position: éléments fixes sur la page, bien que cela ne soit pas un problème avec les navigateurs autres que Chrome.
Cela a été largement rapporté dans les tests utilisateurs, bien que je n’ai pas été capable d’évoquer un correctif. Je ne sais pas s'il s'agit d'un problème de processeur ou de carte graphique, car le site est relativement léger et je navigue avec un nouvel ordinateur portable avec 16 Go de RAM. Mon ancien Mac Mini, avec 4 Go de RAM, ne produit pas ce problème.
Tous les indicateurs seraient les plus appréciés.
Mise à jour: il s'agissait d'un bogue dans Chrome qui a été résolu: https://code.google.com/p/chromium/issues/detail?id=142038
eddz a classé le problème sur crbug.com/new et plus de 40 personnes ont interprété le billet à suivre. Cela a entraîné quelques corrections distinctes dans Chrome par l'équipe d'ingénierie.
J'ai eu ce problème avec un site Web qui utilisait transformZ (0) pour forcer le rendu GPU. Quand j'ai enlevé ce style, le problème a disparu
Ce n'est pas une réponse, mais si vous êtes en mesure de le reproduire peut-être plus tard, plus tard:
Faites une copie de la page localement ou n'importe où, définissez la base href sur le domaine principal, commencez maintenant à supprimer les liens css et les scripts js de bas en haut jusqu'à ce que vous n'ayez plus le même problème, si vous arrivez à ce point. alors le dernier script/feuille de style que vous avez supprimé est le coupable.
Si vous trouvez le fichier coupable, essayez maintenant de trouver la ligne/section coupable.
Si vous n’arrivez pas à ce point, c’est peut-être qu’il s’agisse du navigateur, mais cela ne sonne pas vraiment.
Il peut également être lié entre scripts/feuilles de style et/ou hérité accidentellement.
J'ai rencontré ces mêmes boîtes. Pour moi, le problème était que j'utilisais des vidéos mp4, obsolètes en chrome, au lieu de vidéos webm.
Nous avons également expérimenté ces blocs étranges sur notre site Web. Dans le passé, nous utilisions des transitions, transitions reproduisant un autre bogue "des lignes étranges" apparaissant au hasard sur une page et disparaissant au cours du défilement.
Maintenant, nous commençons à utiliser transformX-Y, peut-être à certains endroits Z également. Et nous avons ce bloc de l'enfer.
Il semble que quelque chose ne va pas dans Chrome avec les animations transfom + transition. Ce bogue peut-il apparaître lorsque trop de blocs sont animés en même temps?
FF fonctionne bien.