Skip to content

Arrow keys stop firing after vertical scroll in igxGrid #17258

@jaalruta1

Description

@jaalruta1

Description

When using igxGrid with scrolling enabled, arrow key events (ArrowDown, ArrowUp, etc.) stop firing after the grid performs a vertical scroll.

Other keyboard events like Enter, Tab, and alphanumeric keys continue working correctly.

Framework

Angular

Angular Version

21.2.9

Ignite UI for Angular Version

21.2.1

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

  1. Open the following sample:
    https://stackblitz.com/edit/vapdc5md

But same happens in dev samples too.

  1. Focus the grid and start navigating using the ArrowDown key

  2. Keep pressing ArrowDown until the grid reaches the visible limit and triggers vertical scrolling

  3. After the scroll happens:

    • Arrow key events (ArrowDown, ArrowUp, etc.) stop triggering in the gridKeydown handler
  4. Verify that:

    • Other keys like Enter still work correctly
    • The issue persists even if you click a cell again to restore focus

Actual Result

Arrow keys (ArrowDown, ArrowUp, ArrowLeft, ArrowRight) stop working for navigation within the grid after scrolling occurs.

Expected Result

It is expected that navigation using arrow keys continues to work correctly even after scrolling occurs.

Reproduction URL

https://stackblitz.com/edit/vapdc5md

Attachments

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions