Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Edges With External Zoom #226

Open
1 of 8 tasks
DirkOdendaal opened this issue Aug 7, 2023 · 1 comment
Open
1 of 8 tasks

Edges With External Zoom #226

DirkOdendaal opened this issue Aug 7, 2023 · 1 comment

Comments

@DirkOdendaal
Copy link

DirkOdendaal commented Aug 7, 2023

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

image

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants