connection line issue

[vinodjaunjalkar]

Hello jerosoler,

I am using your plugin and thank you for making such wonderful plugin.

I am facing small issue with connection line, when I drag any node to top or down the connection line leave his position from input (input_1) and same for output (output_1)

Please check my screenshot to get better idea of my query

Without drag top or down

Drag top side

Drag down side

Please help me out for this issue.

[jerosoler]

Uhmm... It looks like a css problem.

Try disabling your css layer to rule out the problem.
Persiste el problema?

Another option:
If it only happens at the end, try the "nodeMoved" event
https://github.com/jerosoler/Drawflow#events

And force an update of the node with the method "updateConnectionNodes('node-5')"
https://github.com/jerosoler/Drawflow#methods

[vinodjaunjalkar]

Hello jerosoler,,

Thank you for your reply and I tried to make changes as per your suggestions but was not fixed it.

Mentioned issue already exists in the default plugin but I don't know how to fix it.

When we move node extremally up or down then this issue arises.

Please check attached screenshot of default plugin.

extremally up

extremally down

[jerosoler]

The default view would be this:

This would be with the extra layer of the demo: (https://jerosoler.github.io/Drawflow/)

In both cases it behaves correctly.

What browser are you using, in this case I am using chrome with the version: 99.0.4844.51

[vinodjaunjalkar]

Hi,

Thank you for your reply.

I am not facing the same issue in the Firefox browser however the issue is occurring in the chrome (Version 99.0.4844.82).

[jerosoler]

I have tried with the latest version of chrome.

Are you using Zoom in the browser?

• Path disapear #292
• Misaligned routes when chrome zoom is not 100% #218

Are you loading the latest version of the css?
The demo is not using the latest version of the css.

[vinodjaunjalkar]

Hi,

I have modified the #drawflow css class and added zoom 80% and now its working perfectly.

Thanks for your support.