Skip to content

Nodes in chart monitor are not reused properly when adding/removing them #269

@kachkaev

Description

@kachkaev

This is a duplicate of reduxjs/d3-state-visualizer#12 reduxjs/redux-devtools-chart-monitor#17 and I'm just posting it here as a reminder to upgrade deps when (if) the problem is resolved.

Here is what's happening when I add three leafs to a list at the very top one by one and then remove them (also one by one):

anim

The second (the largest) state branch is not affected at all, but there's quite a lot going on visually.

Those strange unexpected horisontal jumps probably happen because of how d3 treats ids of the nodes. If they are represented as an array and id = i, adding or removing an item in the middle of it is likely to bring in this effect.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions