2016-12-20 25 views
2

Я использую react-transitive-number для достижения переходных анимации изменений количества [demo page] enter image description hereНенужные перекрашивает следующие брат

Проблема - если вы посмотрите this page в Devtools Chrome, «Paint мигающий» в закладке вы можете увидеть, что Rendering каждый переход приводит к тому, что следующие братья и сестры перекрашиваются.

enter image description here

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

+0

Вы используете один и тот же демо нет? Вы дважды проверили все переменные и т. Д., То же самое? –

+0

Я сделал этот gif на официальной демонстрационной странице этого плагина – Denis

+0

Странно. Для меня демо-страница работает отлично, без перекраски. Какой браузер и версия вы используете? –

ответ

1

Перемещение каждого тега с номером на собственный уровень проблемы.
Решение есть - добавление

translateZ(0)