UI: widen the edge-swipe-back activation band #41

Merged
developer merged 1 commits from feature/ui-wider-edge-swipe into development 2026-06-11 15:39:28 +00:00
Owner

Rolls back the interactive back-swipe (too jittery) in favour of simply widening the existing edge-swipe.

  • The edge-swipe trigger moves from a fixed 24px to a left band ~20% of the viewport width (EDGE_FRACTION in Screen.svelte — easy to tune on feedback).
  • Behaviour stays simple and reliable: instant navigate(back) on release, the normal route slide plays the animation. No finger-tracking, no backdrop.
  • A small hit-test keeps the wider band clear of the rack, a draggable pending tile, a zoomed-in board and text inputs, so it does not hijack those drags (without it the wider zone would fire "back" when reordering the leftmost rack tile).
  • Works in Telegram too (its only close gesture is vertical).

For testing the feel; the width is a single constant, easy to widen/narrow per feedback. e2e (Chromium+WebKit): band swipe returns to lobby; rack-start swipe does not navigate. Full UI gate green locally.

Rolls back the interactive back-swipe (too jittery) in favour of simply widening the existing edge-swipe. - The edge-swipe trigger moves from a fixed **24px** to a **left band ~20% of the viewport width** (`EDGE_FRACTION` in `Screen.svelte` — easy to tune on feedback). - Behaviour stays **simple and reliable**: instant `navigate(back)` on release, the normal route slide plays the animation. No finger-tracking, no backdrop. - A small **hit-test** keeps the wider band clear of the rack, a draggable pending tile, a zoomed-in board and text inputs, so it does not hijack those drags (without it the wider zone would fire "back" when reordering the leftmost rack tile). - Works in Telegram too (its only close gesture is vertical). For testing the feel; the width is a single constant, easy to widen/narrow per feedback. e2e (Chromium+WebKit): band swipe returns to lobby; rack-start swipe does not navigate. Full UI gate green locally.
developer added 1 commit 2026-06-11 15:13:35 +00:00
UI: widen the edge-swipe-back activation band
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 40s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 58s
fbd67c085c
Replace the very-narrow 24px edge-swipe trigger with a left band of ~20% of the
viewport width (EDGE_FRACTION) so the back-swipe is easy to reach, keeping the
simple instant-navigate behaviour (the route slide plays the animation). A
hit-test keeps the wider band clear of the rack, a draggable pending tile, a
zoomed-in board and text inputs, so it never hijacks those drags.

Test: e2e (Chromium+WebKit) — the band swipe returns to the lobby; a swipe
starting on the rack does not navigate.
owner approved these changes 2026-06-11 15:38:50 +00:00
developer merged commit 5c8b8bf658 into development 2026-06-11 15:39:28 +00:00
developer deleted branch feature/ui-wider-edge-swipe 2026-06-11 15:39:29 +00:00
Sign in to join this conversation.
No Reviewers
No Label
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: developer/scrabble-game#41