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

[DataGrid] Fix toggling preference panel from toolbar #16274

Merged
merged 5 commits into from
Jan 20, 2025

Conversation

lauri865
Copy link
Contributor

@lauri865 lauri865 commented Jan 20, 2025

@cherniavskii, seems like I did break something still in #16257 – can't re-close panels from toolbar buttons due to clickaway being triggered first. Fixed it in this PR.

Fixes another issue as a side-effect – when closing preference panel while clicking on a data grid cell, the focus is correctly placed in the cell. Currently (in the public docs), the focus gets lost (briefly shows focus in the datagrid, and then it gets removed).

@lauri865
Copy link
Contributor Author

lauri865 commented Jan 20, 2025

Compare:

  1. https://next.mui.com/x/react-data-grid/#premium-plan (focus doesn't stay in the grid when clicking from panel to grid)
  2. https://deploy-preview-16257--material-ui-x.netlify.app/x/react-data-grid/#premium-plan (can't close preference panel when clicking on the toolbar button again)
  3. https://deploy-preview-16274--material-ui-x.netlify.app/x/react-data-grid/#premium-plan (everything should work, pending on CI)

@mui-bot
Copy link

mui-bot commented Jan 20, 2025

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

Generated by 🚫 dangerJS against 7cb3a6d

@cherniavskii cherniavskii changed the title [data grid] fix toggling preference panel from toolbar [DataGrid] Fix toggling preference panel from toolbar Jan 20, 2025
@cherniavskii cherniavskii added bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! needs cherry-pick The PR should be cherry-picked to master after merge v7.x labels Jan 20, 2025
@cherniavskii cherniavskii enabled auto-merge (squash) January 20, 2025 21:18
@cherniavskii cherniavskii merged commit 4497258 into mui:master Jan 20, 2025
16 checks passed
Copy link

Cherry-pick PRs will be created targeting branches: v7.x

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! needs cherry-pick The PR should be cherry-picked to master after merge v7.x
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants