elastic / elastic/eui

[EuiDataGrid] Can't reorder columns with DnD while the data grid is scrolled down

Open
#8,572 5 comments 0 reactions 0 assignees View on GitHub
data grid stale-issue
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

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.