From 3d9a1ca0a9597d02ab8c72807fdda52bb8bf28d5 Mon Sep 17 00:00:00 2001
From: Kyle Stevenson <kyle.stevenson@gmail.com>
Date: Wed, 21 Aug 2024 12:51:09 +1000
Subject: [PATCH] Require pointer to have moved before drag starts

---
 src/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/index.js b/src/index.js
index 1471e81..437069b 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,7 +9,10 @@ window.Livewire?.directive('sortable-group', ({el, directive, component}) => {
     // Only fire the rest of this handler on the "root" directive.
     if (directive.modifiers.length > 0) return
 
-    let options = { draggable: '[wire\\:sortable-group\\.item]' }
+    let options = {
+        draggable: '[wire\\:sortable-group\\.item]',
+        distance: 10,
+    }
 
     if (el.querySelector('[wire\\:sortable-group\\.handle]')) {
         options.handle ='[wire\\:sortable-group\\.handle]'