solidjs-motion 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -5,6 +5,47 @@ All notable changes to `solidjs-motion` / `@solidjs-motion/motion` are documente
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.4] — 2026-05-21
+
+### Added
+
+- **`dragListener` option** on `useMotion` / `<motion.X>` / `motion.create`.
+  Mirrors motion-react's prop. Defaults to `true`. When set to `false`,
+  drag skips attaching its own pointerdown listener to the element —
+  drag becomes external-only, triggered through `dragControls.start(e)`
+  from a handle elsewhere. The canonical case is a scrollable drawer
+  body where direct pointer interaction must stay scroll-only, and a
+  dedicated edge handle is the single drag affordance.
+
+  ```tsx
+  const controls = createDragControls()
+  return (
+    <motion.aside drag="x" dragControls={controls} dragListener={false}>
+      {/* body stays scrollable — no drag from direct touch */}
+      <span onPointerDown={(e) => controls.start(e)}>handle</span>
+    </motion.aside>
+  )
+  ```
+
+## [0.1.3] — 2026-05-21
+
+### Fixed
+
+- **`onDragEnd` now fires at the very end of pan-end** (after motion's
+  `whileDrag` flip, body-style restore, pointer-capture release, momentum
+  / snap-back dispatch, AND MV-ref cleanup) instead of mid-handler. A
+  synchronous state flip from a user `onDragEnd` callback — e.g. closing
+  a Kobalte / Radix-style Dialog whose contents are the draggable — used
+  to race motion's later DOM-touching work and could wedge surrounding
+  libraries that observe the same DOM (scroll lock, pointer-event
+  layer-stack). The new ordering closes the race: by the time the
+  callback runs, the drag session is fully torn down and any reactive
+  cascade triggered from it is unambiguous about ownership.
+
+  Observationally compatible with the previous behavior for callbacks
+  that don't flip global state; users can keep their callbacks as plain
+  synchronous functions and drop `queueMicrotask` workarounds.
+
 ## [0.1.2] — 2026-05-20
 
 ### Fixed

package/dist/index.js

@@ -1149,7 +1149,6 @@ function createDrag(el, getOpts, setActive) {
 		setActive("whileDrag", false);
 		restoreBodyAndElementStyles();
 		releasePointerCaptureSafely();
-		getOpts().onDragEnd?.(event, info);
 		const xRef = xMV;
 		const yRef = yMV;
 		const boundsRef = sessionBounds;
@@ -1245,8 +1244,9 @@ function createDrag(el, getOpts, setActive) {
 		xMV = null;
 		yMV = null;
 		sessionBounds = null;
+		getOpts().onDragEnd?.(event, info);
 	};
-	createPan(() => el, () => ({
+	if (getOpts().dragListener !== false) createPan(() => el, () => ({
 		threshold: getOpts().panThreshold,
 		onPanStart: handlePanStart,
 		onPan: handlePan,
@@ -2380,6 +2380,7 @@ var MOTION_OPT_KEYS = [
 	"dragTransition",
 	"dragSnapToOrigin",
 	"dragControls",
+	"dragListener",
 	"whileDrag",
 	"panThreshold",
 	"variants",