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.

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

[question] columnOrderChange not triggering when dragging the last column to the very front #17286

Open
louisaaron opened this issue Apr 7, 2025 · 2 comments
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! customization: logic Logic customizability feature: Reordering Related to the data grid Reordering feature support: unknown Support request type not verified yet. Head to https://tools-public.mui.com/prod/pages/jyhs86t

Comments

@louisaaron
Copy link

louisaaron commented Apr 7, 2025

The problem in depth

When the last column of a datagrid is dragged all the way to the front/first column position, a columnOrderChange event is not triggered even though it should be.

See an example here (try reordering any column, then try moving the last column to the front).

Your environment

`npx @mui/envinfo`
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: columnOrderChange

@louisaaron louisaaron added status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: priority Support request from a Priority plan user. https://mui.com/legal/technical-support-sla/ labels Apr 7, 2025
@github-actions github-actions bot added the component: data grid This is the name of the generic UI component, not the React module! label Apr 7, 2025
@michelengelen
Copy link
Member

All right ... I just tested it and it is not only happening when reordering the first or last to the respective other side, but simply when dragging into the range where the columns have been virtualized. This means that we are not only not firing the event, but have potentially other parts of the code that aren't executed due to this.

I'll add this to the board for the team to have a look.

Thanks for raising this @louisaaron 👍🏼

@michelengelen michelengelen added bug 🐛 Something doesn't work customization: logic Logic customizability 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 Apr 8, 2025
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Apr 8, 2025
@michelengelen michelengelen added support: unknown Support request type not verified yet. Head to https://tools-public.mui.com/prod/pages/jyhs86t and removed support: priority Support request from a Priority plan user. https://mui.com/legal/technical-support-sla/ labels Apr 8, 2025
Copy link

github-actions bot commented Apr 8, 2025

You have created a support request under the "Priority Support" terms, which is a paid add-on to MUI X Premium ⏰. Please validate your support key using the link below:

https://tools-public.mui.com/prod/pages/validateSupport?repo=mui-x&issueId=17286

Do not share your support key in this issue!

Priority Support is only provided to verified customers. Once you have verified your support key, we will remove the support: unknown label and add the support: priority label to this issue. Only then the time for the SLA will start counting.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! customization: logic Logic customizability feature: Reordering Related to the data grid Reordering feature support: unknown Support request type not verified yet. Head to https://tools-public.mui.com/prod/pages/jyhs86t
Projects
Status: 🆕 Needs refinement
Development

No branches or pull requests

2 participants