Styling edges with "(source/target)-endpoint property"

[shaharkazaz]

Hey 👋

I'm not sure if this is a bug or intended behavior, hoping someone might have encountered this before.

I'm styling my edges with the following:

{
      "width": 1,
      "line-color": "gray",
      "target-arrow-color": "gray",
      "target-arrow-shape": "triangle",
      "target-distance-from-node": 6,
      "source-distance-from-node": 6,
      "arrow-scale": 0.6,
      "source-endpoint": "outside-to-line-or-label",
      "target-endpoint": "outside-to-line-or-label",
      "curve-style": "bezier",
},

I noticed that the distance-from-node is respected when the edge is drawn from the node but ignored when drawn from the label:

I think it's related to the label's text-margin-y property which is set to 6, when I set it to 0 the distance seems to work as expected but the label is positioned incorrectly.

Any idea how to resolve this? is this a bug? I would expect that the text-margin-y will be taken into consideratin.

[maxkfranz]

References:

• source-endpoint & target-endpoint to specify the intersection/starting/ending points of an edge  #1613
• source-distance-from-node & target-distance-from-node #1599

It could be that a strict definition is being used w.r.t. node distance for one or more of those properties. The references should give you some history and context to help diagnose your problem.