Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[data grid] Scrolling while dragging cells #15783

Open
MichailShcherbakov opened this issue Dec 7, 2024 · 1 comment
Open

[data grid] Scrolling while dragging cells #15783

MichailShcherbakov opened this issue Dec 7, 2024 · 1 comment
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Reordering Related to the data grid Reordering feature

Comments

@MichailShcherbakov
Copy link

MichailShcherbakov commented Dec 7, 2024 •
edited by github-actions bot
Loading

Steps to reproduce

Steps:

  1. Open example
  2. Scroll to the center of the data grid
  3. Try replace the Desk column to the Commodity column

Preview:

Recording.2024-12-07.202033.mp4

Current behavior

The data grid is scrolling while dragging cells

Expected behavior

The data grid should not scroll while dragging cells

Context

No response

Your environment

No response

Search keywords: scroll dnd
@MichailShcherbakov MichailShcherbakov added bug 🐛 Something doesn't work status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 7, 2024
@github-actions github-actions bot added the component: data grid This is the name of the generic UI component, not the React module! label Dec 7, 2024
@MichailShcherbakov MichailShcherbakov changed the title Scrolling while dragging cells [data grid] Scrolling while dragging cells Dec 7, 2024
@michelengelen
Copy link
Member

Hey @MichailShcherbakov ... Thanks for opening this issue.
I can confirm this and will add it to the board.

A quick search showed that applying touch-action: none; on the element could prevent drag-scrolling, but this would also disable the y-scrolling which we need.

@michelengelen michelengelen added feature: Reordering Related to the data grid Reordering feature and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Dec 9, 2024
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Dec 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Reordering Related to the data grid Reordering feature
Projects
MUI X Data Grid
Status: 🆕 Needs refinement
Milestone
No milestone
Development

No branches or pull requests
2 participants
@michelengelen @MichailShcherbakov