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] Header filters keyboard navigation issue #16093

Open
MBilalShafi opened this issue Jan 7, 2025 · 1 comment · May be fixed by #16126
Open

[data grid] Header filters keyboard navigation issue #16093

MBilalShafi opened this issue Jan 7, 2025 · 1 comment · May be fixed by #16126
Labels
accessibility a11y bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Filtering on header Related to the header filtering (Pro) feature

Comments

@MBilalShafi
Copy link
Member

MBilalShafi commented Jan 7, 2025 •
edited by github-actions bot
Loading

Steps to reproduce

Steps:

  1. Open this link: https://mui.com/x/react-data-grid/filtering/header-filters/
  2. In the first demo, select a cell and go to the last column (salary) using keyboard
  3. Enter some value
  4. Go to the header cell above it by Up arrow
  5. Try to go back down to the header filter cell
hf-bug.mp4

Current behavior

Doesn't navigate properly to the header filter cell after editing a number column filter

Expected behavior

Should navigate using arrow keys properly

Context

Noticed while reviewing #15991

Your environment

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

Search keywords: filtering, header filters
@MBilalShafi MBilalShafi added bug 🐛 Something doesn't work accessibility a11y component: data grid This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer feature: Filtering on header Related to the header filtering (Pro) feature labels Jan 7, 2025
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Jan 7, 2025
@MBilalShafi MBilalShafi moved this from 🆕 Needs refinement to 🔖 Ready in MUI X Data Grid Jan 7, 2025
@MBilalShafi MBilalShafi removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 7, 2025
@k-rajat19 k-rajat19 linked a pull request Jan 10, 2025 that will close this issue
Open
1 task
@k-rajat19
Copy link
Contributor

Hi,
I've noticed this happens only when there are no rows
I've proposed a fix in the linked Pull Request.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
accessibility a11y bug 🐛 Something doesn't work component: data grid This is the name of the generic UI component, not the React module! feature: Filtering on header Related to the header filtering (Pro) feature
Projects
MUI X Data Grid
Status: 🔖 Ready
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

[DataGrid] Fix header Filters keyboard navigation when there are no rows k-rajat19/mui-x
2 participants
@MBilalShafi @k-rajat19