Link target port points towards 0,0

I have an issue when trying to automatically link new nodes to the previous node. The link finds its source port (the Create node in image), but the target port is pointing towards 0,0 instead of the new node CreateDatabase. Yet they are linked - moving CreateDatabase also moves the link end vertex.

The node and link are inserted on an onClick event triggerring the following function.

    addManipulator(event) {        
        let { engine } = this.props;		
        let model = engine.getDiagramModel();
        
        var node = new ManipulatorNodeModel({ 
            name: event.target.value
        });
        
        node.setPosition(500+Math.random()*100, 350+Math.random()*100);
        model.addNode(node);

        var previousNode = model.nodes[this.props.previousNodeId];
        if(previousNode) {
            var fromPort = previousNode.getOutPorts()[0]; // Assume 1 port only
            var toPort = node.getInPorts()[0]; // Assume 1 port only
            var link = fromPort.link(toPort);
            model.addLink(link);
        }

        this.props.registerPreviousNode(node.id);
        this.props.reDrawDiagram(Date.now());
    }

[Letrab]

Got this problem as well (v6). Solved it with doing reportPosition for all ports:

Fixing after drawing:

    _.forEach(model.getNodes(), node => {
      _.forEach(node.getPorts(), port => {
        port.reportPosition()
      });
    })

Or fixing before drawing:

            link.setSourcePort(outPort);
            link.setTargetPort(inPort);
            inPort.reportPosition()
            outPort.reportPosition()
            this.state.model.addAll(link);

[magnafilix]

@Letrab thank you! Your solution works perfectly!