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

GroupBy row keyboard navigation with arrow keys not working when 2 or more fields are grouped by and there is no adjacent dataRow #15313

Open
IvanKitanov17 opened this issue Jan 29, 2025 · 0 comments
Assignees
Labels

Comments

@IvanKitanov17
Copy link
Contributor

Description

Describe the issue.

  • igniteui-angular version: 19.0.x
  • browser:

Steps to reproduce

There are three different scenarios of this issue, below are provide steps to reproduce as well as gifs to demonstrate the issue for each of them

Scenario 1:

  1. Run the following sample
  2. Click on the first GroupByRow and try to navigate to another row with the arrow down key
  3. The row does not navigate to another row
  4. Click outside of the grid
  5. Click on a GroupByRow that has adjacent dataRow, try to navigate to a GroupByRow
  6. The row does not navigate to its adjacent GroupByRow.
  7. Afterwards try to navigate to the dataRow
  8. The grid navigates to the dataRow correctly and now is also able to navigate to the GroupByRow

The gif below demonstrates the steps mentioned above.

Image

Scenario 2:

  1. Run the following sample
  2. Collapse all the GroupByRows
  3. Click on the first GroupByRow and try to navigate to another row with the arrow down key
  4. The row does not navigate to another row
  5. Expand a GroupByRow until there is a GroupByRow adjacent to a dataRow.
  6. Click outside of the grid
  7. Click on the GroupByRow that is adjacent to a dataRow
  8. The row does not navigate to its adjacent GroupByRow.
  9. Afterwards try to navigate to the dataRow
  10. The grid navigates to the dataRow correctly and now is also able to navigate to the GroupByRow

Image

Scenario 3

  1. Run the following sample
  2. Click on the first GroupByRow and try to navigate to another row with the arrow down key
  3. The row does not navigate to another row
  4. Click outside of the grid
  5. Click on a column header
  6. Press tab
  7. Try to navigate with the arrow keys, the keyboard navigation works as expected

Image

Result

The GroupByRow does not navigate to another row if there is no adjacent dataRow, unless additional steps are performed.

Expected result

The GroupByRow should be able to navigate to another row using the keyboard navigation (arrow up and arrow down keys).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants