From 53d13aca01964b7a0ecd782d5ac81ecc6102e5e2 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Mon, 16 Jun 2025 21:23:25 +0200
Subject: [PATCH] chore(examples): use connectionDragThreshold

---
 .../react/src/examples/CustomConnectionLine/index.tsx    | 1 +
 .../routes/examples/custom-connection-line/+page.svelte  | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/examples/react/src/examples/CustomConnectionLine/index.tsx b/examples/react/src/examples/CustomConnectionLine/index.tsx
index 2e5e2969..243a4f11 100644
--- a/examples/react/src/examples/CustomConnectionLine/index.tsx
+++ b/examples/react/src/examples/CustomConnectionLine/index.tsx
@@ -36,6 +36,7 @@ const ConnectionLineFlow = () => {
       onEdgesChange={onEdgesChange}
       connectionLineComponent={ConnectionLine}
       onConnect={onConnect}
+      connectionDragThreshold={25}
     >
       <Background variant={BackgroundVariant.Lines} />
     </ReactFlow>
diff --git a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
index c7c6f92c..1da89e75 100644
--- a/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
+++ b/examples/svelte/src/routes/examples/custom-connection-line/+page.svelte
@@ -24,7 +24,14 @@
 </script>
 
 <div style="height:100vh;">
-	<SvelteFlow bind:nodes bind:edges {nodeTypes} fitView connectionLineComponent={ConnectionLine}>
+	<SvelteFlow
+		bind:nodes
+		bind:edges
+		{nodeTypes}
+		fitView
+		connectionLineComponent={ConnectionLine}
+		connectionDragThreshold={100}
+	>
 		<Background variant={BackgroundVariant.Lines} />
 	</SvelteFlow>
 </div>