Hi,
I've two components FlowDiagramComponent and TreeDiagramComponent displayed in two tabs.
In the first tab component FlowDiagramComponent, I've defined the drawSquareHandles.
When I do something on the TreeDiagramComponent (second tab) like mouse over on the text "Node # 1" or drag the child node "P1" or the whole node itself, I'm getting the below error in drawSquareHandles of first component FlowDiagramComponent .
core.js:4002 ERROR TypeError: Cannot read property 'handleStroke' of undefined
at Object.drawSquareHandles (MindFusion.Diagramming.js:6)
at Object.MindFusion.Diagramming.HandleUtils.drawSquareHandles (diagram.component.ts:454)
at Object.drawAdjustmentHandles (MindFusion.Diagramming.js:6)
at InputParametersNode.drawHandles (MindFusion.Diagramming.js:6)
at adH.<computed>.drawForeground (MindFusion.Diagramming.js:6)
at adH.<computed>.repaint (MindFusion.Common.js:6)
at cQ (MindFusion.Common.js:6)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:26247)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
May I know how to fix this?
I've uploaded the sample app to reproduce this issue:
https://drive.google.com/file/d/17q1JNEzEi2tqHA2c1PhtD1aGUomBlDyB/view?usp=sharing
Regards,
Kannan