bug(drag-drop): Drag and drop on mobile devices also triggers page scroll #32777
Description
Is this a regression?
- Yes, this behavior used to work in the previous version
The previous version in which this bug was not present was
No response
Description
When dragging a cdkDrag item on certain mobile devices and browser versions, the drag interaction does not reliably cancel the native scroll event. As a result, the page content scrolls while the user is attempting to drag an item.
- Occurs only on mobile devices using touch input (or mobile browser emulation)
- Appears across multiple devices and browsers
- Has a device/browser-specific consistency
- On some devices, the issue occurs every time a drag starts
- On others, it requires repeated attempts or slight movement variations before appearing
- May be accompanied by console errors depending on the environment
On Windows in firefox emulation: (no console errors)
AngularCdkDragBug.mp4
On Android in Brave: (using a pc for inspection)
AngularCdkDragBugMobile.mp4
This time an error is thrown
Reproduction
StackBlitz link:
Steps to reproduce:
While using firefox 147.0.3 emulating a mobile device
- go to https://v20.angular.dev/guide/drag-drop#create-draggable-elements
- Drag the example box using touch input
Expected Behavior
Touch-initiated dragging of a cdkDrag item should consistently prevent page scrolling during the drag interaction.
Actual Behavior
The page scroll event is sometimes not cancelled, causing the page to move in addition to dragging the item.
Environment
- Angular: 19.2.19
- CDK/Material: 19.2.19
- Operating System / browser:
Windows 11 with Firefox 147.0.3 while emulating a mobile device
Android 16 with Brave: 1.86.146 using Chromium: 144.0.7559.110
Android 16 with Brave: 1.86.148 using Chromium: 144.0.7559.133
iPhone, iOS 26.2 / Safari (not sure wich version)
Browsers that were not affected:
Android 16 with Brave: nightly 1.88.93 using Chromium: 145.0.7632.31
Android 16 with Chrome 145.0.7632.46
Android 16 with Firefox 147.0.3
Windows 11 with Chrome 144.0.7559.135 while amulating a mobile device