Странные черные блоки, появляющиеся в Chrome

По какой-то причине черные ящики отображаются в случайных пробелах в Chrome (последняя сборка).

Некоторые из этих ящиков появляются за пределами основного контейнера, тогда как некоторые из них появляются внутри, охватывая блоки содержимого. Они появляются случайным образом, обычно после прокрутки, и часто исчезают при открытии инспектора, зависании элементов или прокрутке вниз и резервном копировании.

Для справки, есть некоторые анимации, коробочные тени (которые были отключены без везения), линейные градиенты и позиция: фиксированные элементы на странице, хотя это не проблема с браузерами, отличными от Chrome.

Об этом широко сообщалось в тестировании пользователей, хотя мне не удалось вызвать исправление. Я не уверен, что это проблема с процессором или видеокартой, поскольку сайт относительно легкий, и я просматриваю новый ноутбук с 16-гигабайтным барабаном. Мой старый Mac Mini с 4 ГБ оперативной памяти не создает этой проблемы.

Любые указатели будут наиболее оценены.

Ответ 1

Обновление: это была ошибка в Chrome и была исправлена: https://code.google.com/p/chromium/issues/detail?id=142038

eddz подала проблему на crbug.com/new, и более 40 человек сняли билет, чтобы следовать за ним. Это привело к нескольким отдельным исправлениям в Chrome со стороны инженерной команды.

Ответ 2

У меня была эта проблема с веб-сайтом, который использовал transformZ (0) для принудительного рендеринга GPU. Когда я удалил этот стиль, проблема исчезла

Ответ 3

Это не ответ, но если вы можете каким-то образом воспроизвести его, возможно, позже по дороге:

Сделайте копию страницы локально или где угодно, установите базовый href в основной домен, теперь начните удаление ссылок css и js-скриптов снизу вверх, пока вы больше не будете испытывать поведение, если вы получите к этому моменту, последним script/stylesheet, который вы удалили, является виновником.

Если вы обнаружите виновный файл, попробуйте найти строку/секцию лидера.

Если вы не дойдете до этого, может быть браузером, но это не похоже на то, что оно есть.

Он также может быть связан между скриптами/таблицами стилей и/или случайно унаследованными.

Ответ 4

Мы также испытали эти странные блоки на нашем веб-сайте. В прошлом мы использовали переходы, переходы воспроизводили другую ошибку "странные строки", случайно появившиеся на странице и исчезающие во время прокрутки.

Теперь мы начнем использовать transformX-Y, может быть и в некоторых местах Z. И у нас есть эти адские блоки.

Кажется, что-то не так в Chrome с трансфем + переходными анимациями. Может быть, эта ошибка появляется, когда слишком много анимированных блоков одновременно?

FF отлично работает.

Ответ 5

Я столкнулся с этими же ящиками. Для меня проблема заключалась в том, что я использовал mp4-видео, которые устарели в хроме, а не в веб-видео.