Из-за чего мерцает текст?

Question

[igoryusha22]

Из-за чего мерцает текст?
https://youtu.be/yIczSWvxBRQ

Текст в теге label, добавляется через js, и изменяется только при взаимодействии с формой.
Никаких манипуляций на видео не проводится.

Исходники:
https://ithater.github.io/ehya-clothing-store/
https://github.com/ithater/ehya-clothing-store/tre...

Comments

[Олег]

А код в песочницу - не?

[Юрий Литвиненко]

Да, без исходника ни как.
М.б. там анимация на тексте есть...

[igoryusha22]

Юрий Литвиненко, Олег, данный эффект возникает из-за смены высоты блока со слайдерем, из-за чего верстка прыгает, очень странно, что только 1 элемент вел себя так странно.

[Данил Полянский]

1thater, сомневаюсь что проблема именно в этом. Почему из-за проблемы связанной с размерами меняется цвет? Попробуйте вместо label использовать p.

[igoryusha22]

Данил Полянский, эффект сохраняется.

[Данил Полянский]

1thater, на моём Android нормально отображает всё. Возможно проблема в ОС.

[igoryusha22]

Данил Полянский, на моем iPad и iphone тоже нормально отображает. Сейчас посмотрел в мазиле, там тоже все ок, проблема только в хромиум браузерах.

[Юрий Литвиненко]

У меня так:
- в Ghrome моргает,
- в FF не моргает.

Я бы немного переделал разметку, например так:
https://jsfiddle.net/litdon/bra12y6x/3/

P.S.
У .reviews-slider-pagination__dot размер 5px*5px, трудно в них попасть.
Паддинги там бы не помешали.

Answer 1

[Роман Якимчук]

Судя по всему, какой-то браузерный баг – вижу что ошибка, вероятно, происходит после вызова таймера на изменение слайда на странице, и это вызывает Paint (перерисовку) всей страницы, и в этот момент происходит мерцание (видимо, баг отрисовки в браузере).

Рекомендую разобраться со слайдером, почему он вызывает отрисовку всей страницы. Как предположение, если он не будет аффектить нижнюю форму, тогда ошибка по идее должна уйти.