alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(react,svelte): allow panning by scroll when pan activation key is pressed

Browse Source
This commit is contained in:
braks
2023-11-08 18:07:28 +01:00
parent 428fced240
commit bb6021e6f8
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/container/FlowRenderer/index.tsx
+2 -1
View File
@@ -50,7 +50,7 @@ const FlowRenderer = ({
elementsSelectable, elementsSelectable,
zoomOnScroll, zoomOnScroll,
zoomOnPinch, zoomOnPinch,
panOnScroll, panOnScroll: _panOnScroll,
panOnScrollSpeed, panOnScrollSpeed,
panOnScrollMode, panOnScrollMode,
zoomOnDoubleClick, zoomOnDoubleClick,
@@ -72,6 +72,7 @@ const FlowRenderer = ({
const panActivationKeyPressed = useKeyPress(panActivationKeyCode); const panActivationKeyPressed = useKeyPress(panActivationKeyCode);
const panOnDrag = panActivationKeyPressed || _panOnDrag; const panOnDrag = panActivationKeyPressed || _panOnDrag;
const panOnScroll = panActivationKeyPressed || _panOnScroll;
const isSelecting = selectionKeyPressed || (selectionOnDrag && panOnDrag !== true); const isSelecting = selectionKeyPressed || (selectionOnDrag && panOnDrag !== true);
useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode }); useGlobalKeyHandler({ deleteKeyCode, multiSelectionKeyCode });
packages/svelte/src/lib/container/Zoom/Zoom.svelte
+2 -1
View File
@@ -33,6 +33,7 @@
$: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 }; $: viewPort = initialViewport || { x: 0, y: 0, zoom: 1 };
$: _panOnDrag = $panActivationKeyPressed || panOnDrag; $: _panOnDrag = $panActivationKeyPressed || panOnDrag;
$: _panOnScroll = $panActivationKeyPressed || panOnScroll;
</script> </script>
<div <div
@@ -50,7 +51,7 @@
zoomOnScroll, zoomOnScroll,
zoomOnDoubleClick, zoomOnDoubleClick,
zoomOnPinch, zoomOnPinch,
panOnScroll, panOnScroll: _panOnScroll,
panOnDrag: _panOnDrag, panOnDrag: _panOnDrag,
panOnScrollSpeed: 0.5, panOnScrollSpeed: 0.5,
panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free, panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,