feat: improve mobile edit modal swipe gestures and tab navigation (#256)

Browse Source

* feat: improve mobile edit modal swipe gestures and tab navigation

Replace React passive touch handlers with native non-passive
addEventListener via useEffect for reliable horizontal swipe blocking.
Reduce axis-lock threshold from 18-26px to 6px for more responsive
gesture detection. Remove isInteractive() guard so swipe works on
input fields. Add tab strip auto-scroll via scrollIntoView when
active tab changes. Fix vertical scrolling by changing readonly
fieldset from display:block to display:flex.

Closes #252

* fix: guard scrollIntoView for jsdom test compatibility

...

This commit is contained in:

Daniel Volz

2026-02-21 18:00:02 +01:00

committed by GitHub

parent 0cf1c5353e

commit 94bd8bd6e8

2 changed files with 640 additions and 400 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

frontend/src/components/MobileEditModal.tsx

+566 -391

File diff suppressed because it is too large Load Diff