Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Cdk Drag Item With Boundaries Breaks on Touch Screen Pinch

Ouverte
#33,026 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
45/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
Calme
Stack technique
angular, typescript
Domaine
frontend

Piste de recherche

Commencez par l’exemple Angular CDK drag-drop à l’adresse angular.dev/guide/drag-drop#restrict-movement-within-an-element et reproduisez le problème sur un écran tactile à l’aide du geste de pincement décrit. Suivez la gestion de touchmove de l’élément à déplacer ainsi que l’intervention cancelable=false ; le travail est terminé lorsque l’élément reste dans ses limites pendant le geste sans produire l’erreur signalée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

area: cdk/drag-drop area: core gemini-triaged P4
Which @angular/* package(s) are the source of the bug?

Don't known / other

Is this a regression?

No

Description

Go to your website to this link: https://angular.dev/guide/drag-drop#restrict-movement-within-an-element on a touch screen device

  1. Go to the cdkDrag item with the boundaries.
  2. Start a pinch motion with one finger on the drag item and one outside
  3. Try a few times because it does work every time
  4. Observe the cdkDrag item float out of the area
Please provide a link to a minimal reproduction of the bug

https://angular.dev/guide/drag-drop#restrict-movement-within-an-element

Please provide the exception or error you saw
This error on every touch move event
[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
Please provide the environment you discovered this bug in (run ng version)
Angular CLI: 20.3.20
Node: 22.14.0
Package Manager: npm 10.9.2
OS: win32 x64


Angular: 20.3.18
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser, router

Package                         Version
---------------------------------------
@angular-devkit/architect       0.2003.20
@angular-devkit/build-angular   20.3.20
@angular-devkit/core            20.3.20
@angular-devkit/schematics      20.3.20
@angular/build                  20.3.20
@angular/cdk                    20.2.14
@angular/cli                    20.3.20
@angular/material               20.2.14
@schematics/angular             20.3.20
ng-packagr                      20.3.2
rxjs                            7.8.2
typescript                      5.9.3
zone.js                         0.15.1
Anything else?

No response

Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 1 h
PR mergées (30 j)
84

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de angular/components

Toutes les issues de angular/components

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.