clauderic / clauderic/dnd-kit

🐛 Painfully slow auto-scroll on mobile devices

Open
#1,992 4 comments 0 reactions 0 assignees View on GitHub
bug performance touch triage:done
Dominant language
TypeScript
Stars
17.6k
Forks
924
Avg merge
2d 10h
Merged PRs (30d)
2

Description

I'm using dnd-kit in a simple shopping list app. When testing it on mobile screens, the auto-scroll feature scrolls very slowly. Even after setting a large acceleration value, the scrolling speed remains painfully slow.

Image

## Current Behaviour

- Auto-scroll moves at a very slow pace on mobile devices
- The scrolling speed doesn't improve significantly even with `acceleration: 100` or higher
- Desktop scrolling works at a reasonable speed for comparison
- Affects dragging experience on Android and iOS

## Expected Behaviour

- Auto-scroll should move at a reasonable speed on mobile
- Increasing the acceleration parameter should produce noticeable speed improvements
- Mobile scrolling speed should be comparable to desktop experience

## Steps to Reproduce

1. Create a shopping list app with dnd-kit containing 50+ items so that the container size exceed the screen size
2. Drag an item near the container edge on a mobile device
3. Observe that auto-scroll moves very slowly

## Environment

- Device: OnePlus Nord 5 (Android 16)
- Browser: Chrome Mobile 146.7680.177
- Dependencies:
```json
"dependencies": {
"@dnd-kit/core": "^6.3.1",
"@dnd-kit/modifiers": "^9.0.0",
"@dnd-kit/sortable": "^10.0.0",
"@dnd-kit/utilities": "^3.2.2",
"next": "^16.2.2",
"react": "^19.2.4",
"react-dom": "^19.2.4",
"zod": "^4.3.6",
"zustand": "^5.0.12"
},
```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.