Difficulties with swipe on container with inner and outer click events
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Accessibilité débutants
- 30/100
- Type d'issue
- Bug
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
Reproduisez l’interaction dans le CodeSandbox lié, en commençant par src/InnerClickTriggersTap.tsx à la ligne 21. Comparez le comportement de balayage et de clic de l’élément extérieur avec la gestion du clic et de la propagation du bouton intérieur. Le travail est terminé lorsque le balayage ne déclenche pas l’action de clic de l’élément et qu’un clic sur le bouton intérieur ne déclenche pas également l’action onTap extérieure.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
So here is my use case I got some list items that expand on click and they wrap another button. The item itself is swipeable (swiped to left should delete the item). I got this to work but I recognized that swiping also triggers the on click event of my item (case 1 in my sandbox). After some research I thought that onTap could solve this issue. Which it did but it also causes another issue: the inner click also trigger the onTap event even when I stop the propagation of the onClick. This makes sense but I am having a hard time finding a solution for this use case which is not very exotic in my opinion.
Here is the sandbox I am thankful for every answer :)
https://codesandbox.io/p/sandbox/react-swipeable-image-carousel-forked-xv4xjk?file=%2Fsrc%2FInnerClickTriggersTap.tsx%3A21%2C9
- Langage dominant
- TypeScript
- Étoiles
- 2.1k
- Forks
- 149
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de FormidableLabs/react-swipeable
-
Difficulté 3/5 1-2 jours Accessibilité débutants 25/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 45/100
-
Difficulté 3/5 1-2 jours Accessibilité débutants 30/100
FormidableLabs/react-swipeable#332 · 2 commentaires ·
-
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 25/100
-
Svelte versionOuverte
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 20/100
FormidableLabs/react-swipeable#326 · 3 réactions ·
Toutes les issues de FormidableLabs/react-swipeable
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
vercel-labs/durable-harness#53 ·
Les mainteneurs répondent en général sous 1 jour
-
[Bug]: Redesign tab bars ignore clicks on Linux: hidden chat layers keep window drag regionsOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
Les mainteneurs répondent en général sous 1 jour
-
area/docs area/ui enhancement
Difficulté 1/5 1-3 heures Accessibilité débutants 88/100
melgarafael/DeskcommCRM#4098 ·
Les mainteneurs répondent en général sous 1 jour
-
bug ready-for-agent
Difficulté 2/5 1-3 heures Accessibilité débutants 86/100
kerti/balances-v2#801 ·
Les mainteneurs répondent en général sous 1 jour
-
lesson-submission pending-review
Difficulté 1/5 Moins d'une heure Accessibilité débutants 84/100
Ikalus1988/MisakaNet#4510 ·
Les mainteneurs répondent en général sous 1 jour