Откуда артефакты на сайте?

Question

[Александр Флоренко]

Всем привет.
В хроме проявляется такая вот штука.

При том, что воспроизвести сложно. (при открытии\закрытии дропдауна, и резким ховером)

Иногда просто черный фон, иногда рандомные части страницы попадают в него.

Воспроизводится только в Хроме (71).

Comments

[Hanneman]

Нажмите F12, подведите курсор к элементу и посмотрите.

[Александр Флоренко]

Hanneman, оно появляется на долю секунды.

Ну и в коде ничего подобного нету

[Александр]

Сколько на странице объектов object,embed, iframe, svg, canvas(которые запускают дочерние процессы) - отключите их вывод и повторите тест.

[Александр Флоренко]

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

Как быть в таком случае?

[Александр]

Писать в поддержку чата, хрома или смириться

[webenbond]

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

[Александр Флоренко]

webenbond, как с таким боролся?

[Павел Аксенов]

Похоже что у нижнего элемента черно-зеленый бэкграунд. При наведении на меню, бэкграунд меняется на прозрачный со стрелочкой, и по этому виден нижний. Думаю, что проблема в совпадении названий селекторов.
Или попробуйте ctrl+f5, может что-то в кеше не то?

[Александр Флоренко]

Павел Аксенов, не думаю..
Кнопка, которая сейчас туда попала, находится очень далеко от данного меню. И второй такой нету.
Рандомные части страницы попадают в эту черную дыру.

[Павел Аксенов]

Александр Флоренко, А эта кнопка "которая сейчас туда попала" работает или это бэкграунд у меню?

[Александр Флоренко]

Павел Аксенов, она там находится долю секунды

[Александр Флоренко]

Ну и не факт, что в следующий раз она туда попадет.

[webenbond]

Александр Флоренко, да никак, случается не часто и особо не напрягает

[Bowen]

Аппаратное ускорение включено ?

Answer 1

[Александр Флоренко]

И так)
Как же все просто было)

У ссылки и выпадашки есть общий родитель, в свойствах которого есть perspective: 2000px;

у выпадашки анимация с перспективой.

А у ссылки ничего подобного нету.
Вот и срабатывала на неё эта анимация( что не особо логично)

Но помогло свойство backface-visibility: hidden; на ссылку.

Answer 2

[siarheisiarhei]

удали со всеми концами "хромого" - он вируснулся...

Comments

[Александр Флоренко]

Не думаю что в этом проблема)