[EuiDataGrid] Can't reorder columns with DnD while the data grid is scrolled down
- Dominant language
- TypeScript
- Stars
- 6.4k
- Forks
- 911
- Avg merge
- 2d 11h
- Merged PRs (30d)
- 65
Description
One way of reordering the columns is through drag and drop. While `EuiDataGrid` is scrolled down, the drag and drop method no longer works, instead it scrolls to the top of the data grid.
https://github.com/user-attachments/assets/78263d3e-400e-4a66-b4b2-0d9cc7f6a88c
---
**Steps to reproduce**:
1. Access the [Codesandbox](https://codesandbox.io/p/sandbox/snowy-sea-67k6ck).
2. Set the "page per rows" to 50.
3. Scroll down in the data grid.
4. Start dragging any column to reorder it.
**Current behavior:**
The dragging starts scrolling the data grid and dropping doesn't reorder the columns.
**Expected behavior:**
Even when scrolled down, I can reorder the columns using drag and drop and the dragging won't cause the data grid to scroll up.
Contributor guide
Assessment
This issue has not been assessed yet.