How to exclude port and portLabel calculate into bbox when linking?

[Orangewithsugar]

Introduction

Hiiii jointJs Team~
This is the doc's demo impl for port, I see that when link the elements in the image, the bbox will count all the port and port label, but what my requirement is to only calculate elementView itself since it will have some problem with the anchor location after linking, the anchor could move to any place in the bbox, even outside the elementView, and if I have a feature to move port label any where, it will make the Bbox even bigger, and the anchor goes anywhere

Like this:

Btw, I use a custom shape and i've tried to use different options for connectionpoint, but seems it's useless when it's a custom shape.
Best regards.

Steps to reproduce

No response

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS+

[Orangewithsugar]

connectionPoint: {
          name: 'boundary',
          args: {
            sticky: true
          }
        }

Use this config is able to make connectionpoint inside the elementView, but anchor still able to move out side.

[kumilingus]

You can use snap option to make sure it stays within the element model bounding box:

  new joint.linkTools.TargetAnchor({
      snap: (coords, elementView) => {
          const bbox = elementView.model.getBBox();
          if (bbox.containsPoint(coords)) return coords;
          return bbox.pointNearestToPoint(coords);
      }
  }),

[Orangewithsugar]

Tyvm! I will have a try for this.

[zbynekstara]

If you only need the bounding box of the element itself, you should use element.getBBox() instead (https://docs.jointjs.com/api/dia/Element/#getbbox). If you have an elementView, you can get the element from it as elementView.model.

[Orangewithsugar]

Tyvm! I will have a try for this.