Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Cdk Drag Item With Boundaries Breaks on Touch Screen Pinch

Aperta
#33,026 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
angular, typescript
Ambito
frontend

Direzione di ricerca

Inizia con l’esempio Angular CDK drag-drop all’indirizzo angular.dev/guide/drag-drop#restrict-movement-within-an-element e riproduci il problema su uno schermo touch usando il gesto pinch descritto. Traccia la gestione di touchmove dell’elemento trascinabile e l’intervento cancelable=false; il lavoro è completato quando l’elemento rimane entro i propri limiti durante il gesto senza generare l’errore segnalato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 1h
PR unite (30g)
84

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di angular/components

Tutte le issue di angular/components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.