Fixes#151. Added the panscroll the the page. - #182
Siddhartha20242 wants to merge 5 commits into
Conversation
|
@AgniveshChaubey Sir, can you please check this i have implemented the panonScroll and also did version bump. Thank you:) |
|
@Siddhartha20242 , can you provide the preview of the implementation parts? |
| onEdgeMouseEnter={(_, edge) => setHoveredEdgeId(edge.id)} | ||
| onEdgeMouseLeave={() => setHoveredEdgeId(null)} | ||
| panOnScroll={true} | ||
| panOnScrollMode={PanOnScrollMode.Free} |
There was a problem hiding this comment.
@Siddhartha20242 , this panOnScroolMode enum provides the three property right, and you used one as Free that is for unrestricted panning right? But you mentioned about vertical and horizontal behavior as well in an issue that could be done by using other valid props along with current one as well. What do you think about it? Or is this done job done by using only Free prop ?
IMG_0291.MOVHi, @jagpreetrahi brother. I have uploaded the video with my hand moments to show you how you can do that. Also, the thing is Free mode in react flow allows us to control the shift in all 4 directions so we donot need to seperately do all the changes like horizontal and vertical. |
Summary
This PR introduces a feature used in Reactflow apps that gives the panscroll feature which helps in scrolling vertically or horizontally without any dependence on the button of mousepad.
Issue Number
151
Closes #151
Screenshots/Video
Does this PR introduce a breaking change?
No
If relevant, did you update the documentation?
No