Как решить увеличение DOM-нод при использовании анимации?

Question

[GunAlv]

https://codesandbox.io/s/nameless-haze-yyh53
https://yyh53.csb.app/
Интересная проблема: есть список элементов со скелетонами и анимацией. Во вкладке Perfomance monitor можно заметить, что кол-во нод постепенно увеличивается, а затем в какой-то момент опускается в ноль и вновь увеличивается.
Если закомментировать анимацию в .skeleton::before, то ноды не увеличиваются.
Если вернуть анимацию, но (что самое странное) в .grid закомментировать правило list-style-type: none, то ноды тоже перестают увеличиваться.

Кто-нибудь сталкивался с подобным странным явлением? Как наличие анимации в потомках списка с list-style-type: none может влиять на увеличение нод?

Comments

[Kovalsky]

Вполне возможно что DOM Nodes отражает количество вообще всех созданных элементов, в том числе тех которые представляют маркеры элементов списка, тогда увеличение количества нод будет оправданным. А все остальное я пока объяснить не могу, буду думать

[GunAlv]

Kovalsky, Дополнительная странность заключается в том, что ноды не увеличиваются, если эти метки как раз есть. Вот если убрать — начинают постепенно увеличиваться (если не убирать анимацию в скелетонах)

[Kovalsky]

GunAlv, а, тогда да, не очень понятно