humanspeak / svelte-motion / 28128431776

57%

main: 57%

push

github

fix(drag): write bound style MotionValue during drag (#421) (#423)

`drag` updated the element transform directly but never wrote the bound
`style={{ y }}` MotionValue, so `y.get()` stayed stale (0) in `onDragEnd`
and a follow-up `animate(y, …)` started from the wrong value — breaking
the canonical drag-to-close drawer pattern.

- attachDrag now accepts `boundMotionValues` and dual-writes the dragged
  axis's MotionValue in `setXYImmediate`, while excluding bound axes from
  the synchronous transform write so the offset isn't applied twice
  (motion-dom's styleEffect renders them).
- _MotionContainer extracts x/y style MotionValues and passes them
  through, resolved inside `untrack()` so a per-frame `styleProp` change
  (e.g. an object-style `rotate` derived from $state) can't re-attach the
  gesture mid-drag.
- Add a 1:1 Framer port test page (src/routes/tests/mobile-drawer) with
  Playwright coverage, and a theme-aware docs example
  (examples/mobile-drawer). Visual design credit: hover.dev.

Closes #421

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

776 of 1582 branches covered (49.05%)

Branch coverage included in aggregate %.

19 of 25 new or added lines in 2 files covered. (76.0%)

3031 of 5054 relevant lines covered (59.97%)

16.05 hits per line