[data grid] Column menu is force closed on scroll

[Luis-Sejer]

Steps to reproduce

Steps:

1. Open this link to live example: (MUI DataGridPremium)
2. Open a column menu
3. scroll on it

https://github.com/user-attachments/assets/a546bac6-7098-4517-a7c1-9332ac07fb6d

Current behavior

It closes

Expected behavior

It should persist (stay open)

Context

I am opening a popper in the column menu where I can add some context to a column (extra description etc etc). In this popper, I have a textfield that, if it exceeds 3 lines, becomes scrollable. However when I scroll, it is force closed, even though I am not trying to scroll on the grid. My mouse is over the column menu / popper

Your environment

see Stackblitz of MuiDataGrid Premium: DataGridPremium API

Search keywords: columnmenu, column menu, popper, scroll

Order ID: 86185

[MBilalShafi]

It seems to be a behavioral regression in v7 of the Data Grid. I agree that the column menu should keep open on scroll; closing it abruptly can disrupt the user experience, especially for individuals relying on assistive technologies. WCAG 2.1 Success Criterion 1.4.13 also mentions it under the "Persistent" clause.

I'll add the issue to the board for further prioritization.

[Luis-Sejer]

Thank you @MBilalShafi !

[alisasanib]

@MBilalShafi can I also take a look at this one?

[MBilalShafi]

@alisasanib Go for it 👍 I just wanted to have a second opinion from someone in @mui/xgrid since I'm not fully aware of the context of this regression, but that shouldn't be a blocker for working on the fix.

Feel free to shoot a PR.

[grazielleanna]

Hi,

Any update on this topic?

[alisasanib]

@MBilalShafi I just opened a PR. Would really appreciate it if you could share your feedback/comments about it! Thanks!

[github-actions[bot]]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue. Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

[!NOTE] @Luis-Sejer How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.