Unnecessary DOM updates

[hhmmjjnn]

In the Editorial Engine demo, huge chunks of the DOM are updated at every tick, even elements that didn't need to change.

20260420-2046-26.2534229.mp4

Notice how the line that says "THE FUTURE" is not changing, yet its DOM element is beign replaced all the time.

This may (or may not) be related to #151

[ArjunSrivastava1]

I read through your issues that you opened, both this 152 and 151, from what i can and my own tries,for this particular one of editorial engine demo?

There are two times the dom writes the body - or has its elements in it, one for when the orbs are moving, and one for when the orbs are stopped(as can be seen by the header option of drag the orbs, click to pause

the first one matches your visual of the dom moving and updating, while the second one is more below and has an unmoving state for its elements(orbs are paused) - both are there in inspect at the same time

the purple one kept moving, while the one below it was stable and static

shall i look into things more and add comments for it? or some more documentation?

it will need me some more time to look into and correct if my hunches are right or wrong, but i will look into it and try making a pull request with more docs or comments to correct things and add info regarding this, dual phase nature for this particular page

Even if not for all elements and text that this can be seen, it still exists for some portions of the body(except for the gold paras - those are static entirely and in a element of their own), i will look into it more to understand whats happening, but copies of texts are present in span elements below

ps: im also attaching the images that i observed in my inspect for the same elements and body text, the purple one please read near the upper for the 'pipeline never anticipated. A messaging application', and near the middle in the grey text one