Cdk Drag Item With Boundaries Breaks on Touch Screen Pinch
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### 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
```true
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`)
```true
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_
Guida per i contributori
Apri la guida per i contributori
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.
Valutazione
- Stack tecnologico
- angular, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Tranquilla
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100