Skip to content

Keyboard navigation stops after canceling cellEdit and setting editMode = false #16262

@georgianastasov

Description

@georgianastasov

Description

When backend validation is involved, canceling the cell commit (event.cancel = true) and then programmatically exiting edit mode (cell.editMode = false) causes keyboard navigation to stop. After this flow, the cell exits edit mode, but arrow keys no longer navigate between cells.

  • igniteui-angular version: latest
  • browser: all

Steps to reproduce

  1. Open the sample:
    https://stackblitz.com/edit/shsnu4gq-ufuzkypy?file=src%2Fapp%2Fgrid%2Fgrid-column-hiding-toolbar-sample%2Fgrid-column-hiding-toolbar-sample.component.ts
  2. Edit any cell in the grid.
  3. Press Enter the handler cancels the commit (event.cancel = true) and uses a timeout to set cell.editMode = false.
  4. Try navigating with Left/Right arrow keys.

Result

After canceling the edit and exiting edit mode, arrow keys no longer work. Keyboard navigation is blocked.

Expected result

After exiting edit mode, keyboard navigation should continue to work normally, including arrows.

Attachments

StackBlitz: https://stackblitz.com/edit/shsnu4gq-ufuzkypy?file=src%2Fapp%2Fgrid%2Fgrid-column-hiding-toolbar-sample%2Fgrid-column-hiding-toolbar-sample.component.ts

Metadata

Metadata

Assignees

Labels

🐛 bugAny issue that describes a bug✅ status: resolvedApplies to issues that have pending PRs resolving them, or PRs that have already merged.gridkeyboard-navigation

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions