Edges With External Zoom

[DirkOdendaal]

I'm submitting a bug

[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Other... Please describe:

Current behavior

Currently when using reaflow with external library https://www.npmjs.com/package/react-zoom-pan-pinch, when dragging trying to create edges the edge point (or arrow) is not connected to the cursor.

See the provided example:
https://www.npmjs.com/package/react-zoom-pan-pinch

Reaflow.mp4

Reaflow2.mp4

Note my cursor in this screenshot is not visable but it is not connected to the arrow. This happens when trying to connect 2 nodes. The edge just goed wild

Expected behavior

Normal behavior. When binding 2 nodes edge arrow should be beneath cursor

Browser:

• Chrome (desktop) version (Latest)
• Chrome (Android) version XX
• Chrome (iOS) version XX
• Firefox version XX
• Safari (desktop) version XX
• Safari (iOS) version XX
• IE version XX
• Edge version XX

Others:

[StijnHendriks]

I've got the same issue in Firefox when using Reaflow with React-zoom-pan-pinch