saopig1andClaude Opus 4.8 5ae5168b6b fix(web): keep the volume slider draggable under the per-frame progress loop (#111) ...

The 60fps requestAnimationFrame progress clock (#107) re-renders the player
every ~16ms, and Vue re-applied `el.value = storeVolume` on a range input each
time — snapping the thumb back to the stale store value mid-drag (un-draggable
on desktop, janky on mobile).

Extract the decoupling into a useDecoupledSlider composable used by both the
desktop (Player.vue) and mobile (App.vue) sliders: a local display ref tracks
the native drag via @input (so the bound value always matches the element), the
store is committed only on @change (release), and an onRelease safety-net
(pointerup/pointercancel/blur) clears the dragging guard even when the browser
skips `change` (value released at its start point). External/store changes still
flow into the display except while dragging. Adds a regression test for the
no-snap-back invariant.

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

2026-06-30 21:12:05 +08:00

..

src

fix(web): keep the volume slider draggable under the per-frame progress loop (#111)

2026-06-30 21:12:05 +08:00

index.html

fix(web): referrer-policy same-origin so same-origin POSTs keep a real Origin

2026-05-29 21:25:20 +08:00

package-lock.json

fix #37

2026-04-20 23:48:46 +08:00

package.json

feat: add QR code login for NetEase/QQ Music accounts in Settings page

2026-03-30 01:34:06 +08:00

tsconfig.json

feat: add Vue.js WebUI — YesPlayMusic-inspired SPA with all pages and components

2026-03-30 00:58:33 +08:00

tsconfig.node.json

feat: add Vue.js WebUI — YesPlayMusic-inspired SPA with all pages and components

2026-03-30 00:58:33 +08:00

vite.config.ts

feat: add Vue.js WebUI — YesPlayMusic-inspired SPA with all pages and components

2026-03-30 00:58:33 +08:00