[Mobile] Gallery view: drag gesture conflicts with gallery swipe-scroll, unable to drag to preview
Describe the bug
On mobile (touch devices), in the Gallery view, drag-based interactions on a card don't work. When I try to drag on a card (e.g. to preview / pan its cover image), the touch gesture is always captured by the gallery container's swipe-to-scroll — the whole gallery block scrolls instead, and the drag interaction never starts.
In short: the drag gesture conflicts with the gallery block's swipe/scroll gesture, and scroll always wins.
To Reproduce
- Open a table in Gallery view on a mobile device (or a mobile viewport with touch emulation).
- Try to drag on a gallery card / its cover image (e.g. to preview it).
- The gallery block scrolls instead — the drag never begins.
Expected behavior
Drag gestures and scroll gestures should be distinguishable, for example by:
- requiring a long-press to initiate a drag, or
- providing a dedicated drag handle on the card, or
- handling
touch-action/ pointer events so that drags on a card are handled by the card itself while plain swipes still scroll the gallery.
Screenshots / Recording
Happy to provide a screen recording if helpful.
Platform
- Mobile web (Android), Gallery view
- Likely affects all touch devices
Additional context
This works fine on desktop, where mouse dragging doesn't conflict with scrolling. On touch screens both gestures compete for the same touch events, and the gallery container appears to capture them all (missing touch-action / gesture disambiguation), so any drag-based preview interaction inside a gallery card is effectively unusable on mobile.
Source: teableio/teable