[Question]Connection line display issue

[CV-Tan]

This is my first time testing the Nodify library. When I add two nodes and place them in the editor, if there is a certain distance between them in the x direction, the connection line will not appear if I try to connect them directly without dragging the nodes first. Only after dragging the nodes will the connection line be displayed，what is the reason for this？

[miroiu]

Does the following answer help you? https://github.com/miroiu/nodify/wiki/FAQ#q-why-is-the-connection-not-following-the-connectors-when-i-move-a-node

Also, make sure that the binding for the Anchor is set to OneWayToSource.

[CV-Tan]

I have already set Anchor OneWayToSource. I found that the issue of not displaying only occurs when the y coordinates of the two nodes are the same

[miroiu]

I can't reproduce it. Can you give me more details?

[CV-Tan]

20240804_112812.mp4

Video is the effect.
Initial positions of two nodes：
Location=new System.Windows.Point(200, 200),
Location = new System.Windows.Point(500, 200),

[miroiu]

It works fine for me. There must be something wrong with your setup.

Please verify that:

1. the collection that stores the connections is observable or at least raise a PropertyChanged event when a connection is added.
2. the Source and Target are bound to the corresponding connector Anchor in the Connection template/style
3. the Anchor is bound in a OneWayToSource mode to the corresponding connector Anchor in NodeInput and NodeOutput
4. the connector class is implementing INotifyPropertyChanged and the Anchor property raises PropertyChanged events

Also worth checking out: https://github.com/miroiu/nodify/wiki/Getting-Started#a-minimal-example

Move the viewport top-left a bit to check whether the connection is correctly added to the graph (it is added at 0, 0). If the Anchor binding has problems, you will see something like this:

[CV-Tan]

It's not related to binding, it just doesn't display when horizontal

20240822_133141.mp4

[CV-Tan]

The reason is that I wrote SourceOffsetMode="Rectangle" TargetOffsetMode="Rectangle"，delete them and everything will be fine.