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

Feature Request: Enable two-finger swipe in Workflow Editor (panOnScroll=true for ReactFlow) #15616

Open
5 tasks done
SuCicada opened this issue Mar 12, 2025 · 0 comments
Open
5 tasks done
Labels
💪 enhancement New feature or request

Comments

@SuCicada
Copy link

Self Checks

  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report (我已阅读并同意 Language Policy).
  • [FOR CHINESE USERS] 请务必使用英文提交 Issue,否则会被关闭。谢谢!:)
  • Please do not modify this template :) and fill in all the required fields.

1. Is this request related to a challenge you're experiencing? Tell me about your story.

I’d like to suggest enabling panOnScroll=true in the ReactFlow component of the workflow editor. This would improve the experience, particularly for Mac trackpad users.

Benefit: better usability
Right now, Mac trackpad users can’t pan the canvas with two-finger scrolling. Instead, they have to click and drag on empty space, which is inconvenient and slows down workflow navigation.

Enabling panOnScroll=true would let users pan naturally with a two-finger swipe, making movement smoother and more intuitive.

for example:

<ReactFlow panOnScroll={true} panOnScrollSpeed={1} />

Adding this would make workflow navigation significantly easier for trackpad users, while keeping the existing experience intact for mouse users.

2. Additional context or comments

Many tools, like Figma, already support two-finger scrolling for panning. This would bring ReactFlow’s user experience in line with industry standards.

or you can add as a Configurable Option:
Some users may prefer the current behavior, so it makes sense to provide a toggle. https://www.coze.com has a similar implementation.**

Image

3. Can you help us with this feature?

  • I am interested in contributing to this feature.
@SuCicada SuCicada changed the title Feature Request: Enable panOnScroll=true for ReactFlow in Workflow Editor Feature Request: Enable two-finger swipe in Workflow Editor (panOnScroll=true for ReactFlow) Mar 12, 2025
@dosubot dosubot bot added the 💪 enhancement New feature or request label Mar 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💪 enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant