[Bug]: Ports positioning in jointJS with angular

[meyabishekssciera]

What happened?

Hi all,

When I used JointJS with angular, the ports positioning is not supported in the paper ,I have given the output port position of the port to be right, but it is rendering in the left side of the element

// Out Port
    var portsOut = {
      position: {
        name: 'right',
      },
      attrs: {
        portBody: {
          magnet: true,
          r: 6,
          fill: '#E6A502',
          stroke: '#023047',
        }
      },
      label: {
        position: {
          name: 'right',
          args: { x: 6 }  
        },
        markup: [{
          tagName: 'text',
            selector: 'label',
            className: 'label-text',
        }]
      },
      markup: [{
        tagName: 'circle',
        selector: 'portBody'
      }]
    };

Version

3.7.7

What browsers are you seeing the problem on?

Chrome,Firefox, Safari, Microsoft Edge

What operating system are you seeing the problem on?

MacOS,Windows

[kumilingus]

You need to define the position for a group and assign the port to the group.