web icon indicating copy to clipboard operation
web copied to clipboard

Context menu does not react to zoom and pan movements

Open ilamanov opened this issue 6 months ago • 2 comments

What platform were you using when you found the bug?

  • React Flow / Svelte Flow version: "@xyflow/svelte": "^0.1.15"
  • Browser and version: Arc
  • OS and version: Mac

Live code example

https://svelteflow.dev/examples/interaction/context-menu

Describe the Bug

SvelteFlow's context menu does not react to zoom and pan effects. This can be seen from SvelteFlow's own example: https://svelteflow.dev/examples/interaction/context-menu

Seems like there is no way to get around this issue now. Would be great if the context menu react to zoom and to be able to hide the context menu when panning. (I can't hide the context menu on pan currently because there is no callback when pan happens)

Steps to reproduce the bug or issue

  1. Go to https://svelteflow.dev/examples/interaction/context-menu
  2. Right click to open context menu
  3. Try to zoom and pan

Expected behavior

  1. Context menu should react to scale/zoom
  2. It should be hidden when panning

Screenshots or Videos

https://github.com/user-attachments/assets/958c17ce-6352-4f8a-8fa5-03f721669255

Additional context

No response

ilamanov avatar Aug 22 '24 21:08 ilamanov