Console.error appears, while adding new links to diagram using ports

@Jednorozec wrote:

Hi.

I’ve got an issue. Whenever I add link to diagram, using ports pinned to nodes console.error appears as follows:

My makePort function:

function makePort(name, align, spot, output, input) {
      const horizontal = align.equals(go.Spot.Top) || align.equals(go.Spot.Bottom);
      return $(go.Shape, 'Circle',
          {
            stroke: 'transparent',
            fill: 'transparent',
            strokeWidth: 2.5,
            width: 15,
            height: 15,
            alignment: align,
            stretch: (horizontal ? go.GraphObject.Horizontal : go.GraphObject.Vertical),
            portId: name,
            fromSpot: spot,
            toSpot: spot,
            fromLinkable: output,
            toLinkable: input,
            cursor: 'pointer',
            mouseEnter: ((e, port) => {
              if (!e.diagram.isReadOnly) {
                // @ts-ignore
                port.stroke = 'white';
                // @ts-ignore
                port.fill = 'black';
              }
            }),
            mouseLeave: ((e, port) => {
              // @ts-ignore
              port.fill = 'transparent';
              // @ts-ignore
              port.stroke = 'transparent';
            })})
    }

And my node template

this.diagram.nodeTemplateMap.add('WorkflowStatus',
      $(go.Node, 'Spot',
        {
          selectionAdorned: false,
        },
        // two way location binding
        new go.Binding('location', 'loc', go.Point.parse).makeTwoWay(go.Point.stringify),
        {
          locationSpot: go.Spot.Center,
        },
        $(go.Panel, 'Auto',
          $(go.Shape, 'RoundedRectangle',
            {
              strokeWidth: 0,
              height: 35,
              minSize: new go.Size(150, 35),
            },
            new go.Binding('fill', 'color')),
          {
            cursor: 'pointer'
          },
          $(go.TextBlock, '',
            {
              editable: true,
              font: 'bold 11pt Lato, Helvetica, Arial, sans-serif',
              stroke: 'black',
            },
            new go.Binding('text').makeTwoWay(), {margin: 7}),
        ),
        makePort('left', go.Spot.Left, go.Spot.Left, true, true),
        makePort('right', go.Spot.Right, go.Spot.Right, true, true),
        makePort('bottom', go.Spot.Bottom, go.Spot.Bottom, true, true),
        makePort('top', go.Spot.Top, go.Spot.Top, true, true
        )));

Posts: 4

Participants: 2

Read full topic