elastic / elastic/eui

[EuiDataGrid] Investigate implementing smooth scrolling in the data grid

Open
#8,656 2 comments 0 reactions 0 assignees View on GitHub
data grid stale-issue
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 15h
Merged PRs (30d)
69

Description

The purpose of this task is to investigate how to implement smooth scrolling in the data grid.

---

The issue was raised on https://github.com/elastic/eui/issues/8484#issuecomment-2834504920

You can see the behavior: https://eui.elastic.co/docs/components/tabular-content/data-grid/container-constraints/#virtualization

CSS `scroll-behavior` doesn't affect it because it's `react-window`-based `scrollTo` implementation and not native `scrollIntoView` method.

This might involve custom logic similar to: https://codesandbox.io/p/sandbox/k2lpl9m0l3

We need to consider that scrolling can be on both axis.

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.