connection-arrow always covered by port

[Tobias Koller]

hi,

the connection-arrow is always covered by the port.

you can see this in your online demo: Diagram · Ports · Syncfusion React UI Components

I tried the zIndex but it didn't work.

Is there a way to bring the arrow in front?

2. Question:

I want the connection-arrow end just at the start of the port. Default is that the line ends in the middle of the port.

I used targetPadding=2 on the connection which basically does the job right.

But when using it the connection is not 100% fixed in the middle of the port ... it depends where the nodes are located. here some examples..

when the nodes have the same Y (targetPadding=2).

nodes with different Y  (targetPadding=2)

and when the target node has a lower X than the source-node:  (targetPadding=2)

the arrow gets covered by the node.

[Aravind Ravi]

Hi Tobias, 

We are validating your requirements and update you with more details on December 16^th 2021. 

Regards 

Aravind Ravi 

[Aravind Ravi]

Hi Tobias, 

Currently we don’t have connector docking support based on decorator in our diagram control. We have logged “Need to change connector docking point depends on the decorator” as a feature. We does not have any immediate plans to start this feature. We will implement this feature in any one of our upcoming releases.    

You can track the feature status from the below link 

Link:  https://www.syncfusion.com/feedback/13687/connector-docking-point-depends-on-the-decorator 

Regards,   

Aravind Ravi 

[Tobias Koller]

ok thank you.

But this is not the problem of decorators its more a problem of using the padding-property.

When using padding (here all have padding 2) you get different results based on the location of the nodes