Wrong SVG element during node rendering

[correnson]

I encountered a mysterious bug when rendering node shapes. Sometimes, after a DOT model update, few nodes (0, 1 or 2 as far as I observed) have a mismatched SVG element, typically 'ellipse' instead if 'polygon', the other attributes being exactly the expected ones. The problem seams to only occurs only when tweenShapes is ON.

The bug occurs deterministically, but depends on the history of DOT model changes. If I go from model A to model B, the mismatch occurs in B, but if I go from B to A, the mismatch occurs in A.

Context is Electron + React on macOS ; the problem occurs with various versions of the stack.

All models leads to correct PNG from dot command line.

Inspection of SVG elements in the browser (Chromium) using the developper tools reveals the problem.
Modifying the SVG element, eg. from ellipsis to polygon does not work although all other attributes seams to be OK.
Inserting by hand a similar element and copy the attributes from the wrong element fixes the problem.

On the following screenshot, the mismatch is 'ellipsis' instead of 'polygon':

With another history of updates I obtain this correct diagram, but another one is wrong:

Here, the mismatch is 'polygon' instead of 'ellipsis':

I'd like to make a minimal example to reproduce the problem, although it would require a bunch of work on my side.

The current workaround I use is to turn shape tweening OFF.

Otherwise, the component performs great job !

[magjac]

Thanks for the report. The shape tweening function is described here. I suspect it does not transform the paths back to the correct shape after the transition. Perhaps because of mixing up the node names or node IDs. I have extensive testing already in this area, so I would probably need a reproducible example, so I can understand the details in this particular case, in order to make progress.

Unless you've used the attributer (or some other method) to manipulate the SVG in some strange way, this looks like a bug in d3-graphviz.

[correnson]

Thanks for your feedback. I'll manage to extract a minimal example.