Ensure onDragMove is called for every move update.

To do this, ensure that the relevant properties of the transform are
accessed to set up the effect reactivity correctly. Before, only the
top level transform object was accessed, but that is unchanging on move.

Author: martinpengellyphillips

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [Unreleased]
+
+### Fixed
+
+- Ensure `onDragMove` is called for every move update (rather than just once).
+  To do this, ensure that the relevant properties of the transform are accessed
+  to set up the effect reactivity correctly. Before, only the top level
+  transform object was accessed, but that is unchanging on move.
+
 ## [0.6.0] - 2022-05-01
 
 ### Added

src/drag-drop-context.tsx

@@ -509,7 +509,7 @@ const DragDropProvider: Component<DragDropContextProps> = (passedProps) => {
     createEffect(() => {
       const draggable = activeDraggable();
       if (draggable) {
-        draggable.transform;
+        Object.values(draggable.transform);
         untrack(() => handler({ draggable }));
       }
     });