Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Cdk Drag Item With Boundaries Breaks on Touch Screen Pinch

Offen
  • Stimmt etwas nicht?
#33,026 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

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

Rechercherichtung

Beginne mit dem Angular CDK drag-drop-Beispiel unter angular.dev/guide/drag-drop#restrict-movement-within-an-element und reproduziere das Problem auf einem Touchscreen mit der beschriebenen Pinch-Geste. Verfolge die touchmove-Behandlung des Drag-Elements und die cancelable=false-Intervention; abgeschlossen ist die Aufgabe, wenn das Element während der Geste innerhalb seiner Begrenzung bleibt, ohne den gemeldeten Fehler.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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

Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 7 Std.
Gemergte PRs (30 T.)
92

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus angular/components

Alle Issues in angular/components

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

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