Skip to content

[DataGrid] Add touch event support for row reordering#21209

Draft
MBilalShafi wants to merge 3 commits intomui:masterfrom
MBilalShafi:fix/17248-touch-row-reorder
Draft

[DataGrid] Add touch event support for row reordering#21209
MBilalShafi wants to merge 3 commits intomui:masterfrom
MBilalShafi:fix/17248-touch-row-reorder

Conversation

@MBilalShafi
Copy link
Member

@MBilalShafi MBilalShafi commented Feb 2, 2026

Experiment: Adds touchstart, touchmove, and touchend handlers that publish the same events as the existing drag handlers (rowDragStart, rowDragOver, rowDragEnd), enabling row reordering on touchscreen devices.

Closes #17248

@MBilalShafi MBilalShafi added scope: data grid Changes related to the data grid. mobile Targets mobile platform. feature: Reordering Related to the data grid Reordering feature type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature. labels Feb 2, 2026
@mui-bot
Copy link

mui-bot commented Feb 2, 2026

Deploy preview: https://deploy-preview-21209--material-ui-x.netlify.app/

Bundle size report

Bundle Parsed size Gzip size
@mui/x-data-grid 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-pro 🔺+1.48KB(+0.29%) 🔺+466B(+0.30%)
@mui/x-data-grid-premium 🔺+1.48KB(+0.22%) 🔺+370B(+0.18%)
@mui/x-charts 0B(0.00%) 0B(0.00%)
@mui/x-charts-pro 0B(0.00%) 0B(0.00%)
@mui/x-charts-premium 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers-pro 0B(0.00%) 0B(0.00%)
@mui/x-tree-view 0B(0.00%) 0B(0.00%)
@mui/x-tree-view-pro 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 8f53ca7

Adds touchstart, touchmove, and touchend handlers that publish the same
events as the existing drag handlers (rowDragStart, rowDragOver, rowDragEnd),
enabling row reordering on touchscreen devices.

Uses a long press (200ms) to initiate dragging, allowing normal scrolling
when the user moves their finger before the timer fires.

Closes mui#17248
@MBilalShafi MBilalShafi force-pushed the fix/17248-touch-row-reorder branch from e6e1a63 to 864c9e4 Compare February 2, 2026 18:53
@MBilalShafi MBilalShafi marked this pull request as ready for review February 2, 2026 19:06
@MBilalShafi MBilalShafi marked this pull request as draft February 2, 2026 19:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature: Reordering Related to the data grid Reordering feature mobile Targets mobile platform. scope: data grid Changes related to the data grid. type: enhancement It’s an improvement, but we can’t make up our mind whether it's a bug fix or a new feature.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[data grid] Row reordering does not work on touchscreen

2 participants