From 0e5ceb82b2d5e395d1b29a459cc740d77a1b90ee Mon Sep 17 00:00:00 2001
From: Jaan <jaan@lightpost.one>
Date: Tue, 9 Sep 2025 13:29:46 +0200
Subject: [PATCH 1/5] Add panOnScrollSpeed prop

---
 .../svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte   | 2 ++
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 6 ++++++
 packages/svelte/src/lib/container/Zoom/Zoom.svelte          | 3 ++-
 packages/svelte/src/lib/container/Zoom/types.ts             | 1 +
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
index 9b039558..d16a3890 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/SvelteFlow.svelte
@@ -59,6 +59,7 @@
     zoomOnDoubleClick = true,
     zoomOnPinch = true,
     panOnScroll = false,
+    panOnScrollSpeed = 0.5,
     panOnDrag = true,
     selectionOnDrag = true,
     connectionLineComponent,
@@ -152,6 +153,7 @@
     {zoomOnDoubleClick}
     {zoomOnPinch}
     {panOnScroll}
+    {panOnScrollSpeed}
     {panOnDrag}
     {paneClickDistance}
     {onmovestart}
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 5cd4b740..61a2d776 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -305,6 +305,12 @@ export type SvelteFlowProps<
      * @default false
      */
     panOnScroll?: boolean;
+    /**
+     * Controls how fast viewport should be panned on scroll.
+     * Use together with `panOnScroll` prop.
+     * @default 0.5
+     */
+    panOnScrollSpeed?: number;
     /**
      * This prop is used to limit the direction of panning when panOnScroll is enabled.
      * The "free" option allows panning in any direction.
diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 9c159c99..9a50c5df 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -14,6 +14,7 @@
     zoomOnPinch = true,
     panOnDrag = true,
     panOnScroll = false,
+    panOnScrollSpeed = 0.5,
     paneClickDistance = 1,
     onmovestart,
     onmove,
@@ -58,7 +59,7 @@
     zoomOnPinch,
     panOnScroll: panOnScrollActive,
     panOnDrag: panOnDragActive,
-    panOnScrollSpeed: 0.5,
+    panOnScrollSpeed,
     panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
     zoomActivationKeyPressed: store.zoomActivationKeyPressed,
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
diff --git a/packages/svelte/src/lib/container/Zoom/types.ts b/packages/svelte/src/lib/container/Zoom/types.ts
index 247a16e9..8573fbcb 100644
--- a/packages/svelte/src/lib/container/Zoom/types.ts
+++ b/packages/svelte/src/lib/container/Zoom/types.ts
@@ -6,6 +6,7 @@ import type { Snippet } from 'svelte';
 export type ZoomProps<NodeType extends Node = Node, EdgeType extends Edge = Edge> = {
   store: SvelteFlowStore<NodeType, EdgeType>;
   panOnScrollMode: PanOnScrollMode;
+  panOnScrollSpeed: number;
   preventScrolling: boolean;
   zoomOnScroll: boolean;
   zoomOnDoubleClick: boolean;

From 34929087e18b4e7123621a250adfa94472e015b9 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Sep 2025 16:24:48 +0200
Subject: [PATCH 2/5] remove unused default values from zoom

---
 .../svelte/src/lib/container/Zoom/Zoom.svelte | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 9a50c5df..8e14ce0b 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -1,5 +1,5 @@
 <script lang="ts" generics="NodeType extends Node = Node, EdgeType extends Edge = Edge">
-  import { PanOnScrollMode, type PanZoomInstance, type Transform } from '@xyflow/system';
+  import { type PanZoomInstance, type Transform } from '@xyflow/system';
 
   import zoom from '$lib/actions/zoom';
   import type { ZoomProps } from './types';
@@ -7,15 +7,15 @@
 
   let {
     store = $bindable(),
-    panOnScrollMode = PanOnScrollMode.Free,
-    preventScrolling = true,
-    zoomOnScroll = true,
-    zoomOnDoubleClick = true,
-    zoomOnPinch = true,
-    panOnDrag = true,
-    panOnScroll = false,
-    panOnScrollSpeed = 0.5,
-    paneClickDistance = 1,
+    panOnScrollMode,
+    preventScrolling,
+    zoomOnScroll,
+    zoomOnDoubleClick,
+    zoomOnPinch,
+    panOnDrag,
+    panOnScroll,
+    panOnScrollSpeed,
+    paneClickDistance,
     onmovestart,
     onmove,
     onmoveend,
@@ -60,7 +60,7 @@
     panOnScroll: panOnScrollActive,
     panOnDrag: panOnDragActive,
     panOnScrollSpeed,
-    panOnScrollMode: panOnScrollMode || PanOnScrollMode.Free,
+    panOnScrollMode: panOnScrollMode,
     zoomActivationKeyPressed: store.zoomActivationKeyPressed,
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
     noPanClassName: store.noPanClass,

From f0eab72ee557eadf8439f0d37f5ad83ace35a3d9 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Sep 2025 16:35:19 +0200
Subject: [PATCH 3/5] add autoPanSpeed

---
 packages/svelte/src/lib/components/Handle/Handle.svelte     | 1 +
 packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte | 2 ++
 packages/svelte/src/lib/container/SvelteFlow/types.ts       | 5 +++++
 packages/svelte/src/lib/store/initial-store.svelte.ts       | 1 +
 4 files changed, 9 insertions(+)

diff --git a/packages/svelte/src/lib/components/Handle/Handle.svelte b/packages/svelte/src/lib/components/Handle/Handle.svelte
index b04a20fc..eb52320e 100644
--- a/packages/svelte/src/lib/components/Handle/Handle.svelte
+++ b/packages/svelte/src/lib/components/Handle/Handle.svelte
@@ -122,6 +122,7 @@
         connectionMode: store.connectionMode,
         lib: 'svelte',
         autoPanOnConnect: store.autoPanOnConnect,
+        autoPanSpeed: store.autoPanSpeed,
         flowId: store.flowId,
         isValidConnection: isValidConnection ?? store.isValidConnection,
         updateConnection: store.updateConnection,
diff --git a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
index 57608967..88ba9f1a 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
+++ b/packages/svelte/src/lib/container/SvelteFlow/Wrapper.svelte
@@ -94,6 +94,8 @@
     noPanClass,
     noWheelClass,
     ariaLabelConfig,
+    autoPanSpeed,
+    panOnScrollSpeed,
     ...divAttributes
   } = $derived(rest);
   /* eslint-enable @typescript-eslint/no-unused-vars */
diff --git a/packages/svelte/src/lib/container/SvelteFlow/types.ts b/packages/svelte/src/lib/container/SvelteFlow/types.ts
index 61a2d776..0fbd4b18 100644
--- a/packages/svelte/src/lib/container/SvelteFlow/types.ts
+++ b/packages/svelte/src/lib/container/SvelteFlow/types.ts
@@ -239,6 +239,11 @@ export type SvelteFlowProps<
      * @default true
      */
     nodesDraggable?: boolean;
+    /**
+     * The speed at which the viewport pans while dragging a node or a selection box.
+     * @default 15
+     */
+    autoPanSpeed?: number;
     /**
      * When `true`, the viewport will pan when a node is focused.
      * @default true
diff --git a/packages/svelte/src/lib/store/initial-store.svelte.ts b/packages/svelte/src/lib/store/initial-store.svelte.ts
index 702e155e..774fb317 100644
--- a/packages/svelte/src/lib/store/initial-store.svelte.ts
+++ b/packages/svelte/src/lib/store/initial-store.svelte.ts
@@ -286,6 +286,7 @@ export function getInitialStore<NodeType extends Node = Node, EdgeType extends E
     autoPanOnNodeDrag: boolean = $derived(signals.props.autoPanOnNodeDrag ?? true);
     autoPanOnConnect: boolean = $derived(signals.props.autoPanOnConnect ?? true);
     autoPanOnNodeFocus: boolean = $derived(signals.props.autoPanOnNodeFocus ?? true);
+    autoPanSpeed: number = $derived(signals.props.autoPanSpeed ?? 15);
     connectionDragThreshold: number = $derived(signals.props.connectionDragThreshold ?? 1);
 
     fitViewQueued: boolean = signals.props.fitView ?? false;

From cdd671699bfe21e0aa69bc5e8585a4d0ce189974 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Sep 2025 16:37:56 +0200
Subject: [PATCH 4/5] chore(changeset)

---
 .changeset/clean-toes-argue.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/clean-toes-argue.md

diff --git a/.changeset/clean-toes-argue.md b/.changeset/clean-toes-argue.md
new file mode 100644
index 00000000..1d7276cc
--- /dev/null
+++ b/.changeset/clean-toes-argue.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/svelte': patch
+---
+
+Add missing props autoPanSpeed and panOnScrollSpeed

From d0f0a3bd564cd5c96f1dafd5e9359b24349c3c06 Mon Sep 17 00:00:00 2001
From: peterkogo <peter@xyflow.com>
Date: Mon, 15 Sep 2025 16:39:21 +0200
Subject: [PATCH 5/5] typo

---
 packages/svelte/src/lib/container/Zoom/Zoom.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/svelte/src/lib/container/Zoom/Zoom.svelte b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
index 8e14ce0b..70971e46 100644
--- a/packages/svelte/src/lib/container/Zoom/Zoom.svelte
+++ b/packages/svelte/src/lib/container/Zoom/Zoom.svelte
@@ -60,7 +60,7 @@
     panOnScroll: panOnScrollActive,
     panOnDrag: panOnDragActive,
     panOnScrollSpeed,
-    panOnScrollMode: panOnScrollMode,
+    panOnScrollMode,
     zoomActivationKeyPressed: store.zoomActivationKeyPressed,
     preventScrolling: typeof preventScrolling === 'boolean' ? preventScrolling : true,
     noPanClassName: store.noPanClass,