многих ячейках находится элементы с transition opacity. За счёт этого они могут анимированно подмигивать. Одновременно могут подмигивать как один, так и целая пачка.
Так вот заметил, что при мигании одного, следом перерисовываются те, что добавлялись после него. И походу, если будет мигать целая пачка, то перерисовки будет кратно больше. Как я понял, это связано с z индексом - если перед миганием увеличить z индекс нужного элемента(элементов), то дополнительная перерисовки не вызывается.
Можно ли как то еще как то обойти это дело, или просто увеличивать z индекс каждый раз?
может тебе виртуализация нужна для начала, если список большой? А там глядишь и пробема анимации исправится
Может и так) но хочется всё равно разобраться..
не знаю что там с большими пачками анимаций, но перебивать ее устанавливая z-index звучит как костыль Особенно будет весело, если потом появится какая-то модалка поверх всего, которая то будет сверху то снизу
Костыль. Ну модалку можно, конечно, поднять) Просто не совсем понятен алгоритм перерисовки, которую браузер запускает когда она и не нужна. Случайно не посмотрел и не узнал бы об этом.
Может элементы не правильно вставляются в DOM Например при скролле они удаляются и вставляютя заново или еще каки-то операции которые вызывают ререндер в уже смонтированной ноде (ререндер без изменений) В общем сторонний скрипт, который снова создает содержимое, что в свою очередь запускает transition так как элемент появился во viewport
Обсуждают сегодня