humanspeak / svelte-motion / 28598064347

59%

main: 57%

push

github

feat(reorder): add Reorder.Group + Reorder.Item drag-to-reorder (#429)

Framer Motion-compatible Reorder namespace: axis-locked drag with
mid-gesture swaps (checkReorder port), FLIP siblings, snap-to-slot
release, edge auto-scroll, and full drag-prop passthrough.

- Port upstream Reorder utils (check-reorder, auto-scroll) with a
  client-coords fix; group order registry + swap application as pure
  testable modules
- Add public onLayoutMeasure prop to motion components (projection
  measure events with seed replay) for item slot registration
- Wire the pre-built adjustOrigin drag handle into
  commitObservedLayout: a dragged item whose DOM slot moves skips the
  FLIP and shifts the gesture origin instead, staying pinned under
  the cursor (0px drift through multi-slot swaps)
- Let actively dragged elements bypass the viewport-scroll guard so
  the first swap after a window scroll isn't double-fired
- Default items to position: relative so the floating zIndex applies
  when an upward swap moves the dragged item earlier in the DOM
- Test pages (basic, axis-x, siblings-flip, custom-drag, scrollable,
  page-scroll), 22 Playwright specs, 33 unit specs, docs page +
  examples (default + scrollable with layoutScroll)

Refs #310

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

837 of 1640 branches covered (51.04%)

Branch coverage included in aggregate %.

171 of 197 new or added lines in 9 files covered. (86.8%)

3221 of 5252 relevant lines covered (61.33%)

21.22 hits per line