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

https://github.com/reaviz/reaflow/assets/40567936/9d45eb49-a181-4680-ad2e-aff0d1ca17f9

https://github.com/reaviz/reaflow/assets/40567936/91287a9c-015a-4a30-a7d0-d597f036a32d

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:

• [x] 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