FormidableLabs / FormidableLabs/react-swipeable

Prevent swipe action when intended action is scroll

Offen
#194 9 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
2.1k
Forks
149
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

I have a container that is vertically scrollable and also includes a `onSwipedUp` action. When the container is vertically scrolled, the action gets called but that is not the intention at that point. I know it is possible to track the scrolling and prevent the swipe up action until the container is at scroll end, but is there a prop to achieve this internally?

```
const handlers = useSwipeable({ onSwipedUp: () => { /* action gets called on scroll as well */ } })

// container is scrollable but onSwipedUp gets called as well```

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne am useSwipeable-Einstiegspunkt und verfolge, wie vertikale Touch-Bewegungen onSwipedUp erreichen, wenn für das Element overflowY auf scroll gesetzt ist. Prüfe, ob vorhandene Optionen diese Interaktion abdecken. Die Aufgabe ist abgeschlossen, wenn Scrollen nicht die Swipe-Aktion auslöst, während beabsichtigte Swipes nach oben weiterhin funktionieren, und ein Regressionstest für dieses Verhalten vorhanden ist.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.