Skip to content

Grid leaves a vertical gap when navigating through a large number of rows #17432

Description

@viktorkombov

Description

When navigating vertically through a Grid with a large number of rows, a gap appears in the vertical scroll area.

The issue can be reproduced in the gridFinJs sample by navigating from the first row to the last row using Ctrl + Arrow Down. After reaching the last row, the vertical scroll position is calculated incorrectly and empty space remains below the rendered rows.

The issue is reproducible in both zone-based and zoneless environments.

Framework

Angular

Angular Version

22.0

Ignite UI for Angular Version

22.1.x

Component / Area

Grid

Browser

Chrome

Operating System

No response

Command Not Working

Steps to Reproduce

  1. Open the gridFinJs sample.
  2. Focus a cell in the first row.
  3. Navigate to the last row using Ctrl + Arrow Down.

Actual Result

After navigating to the last row, a large gap appears below the rendered rows in the vertical scroll area.

Expected Result

The Grid should navigate to the last row without leaving empty space in the vertical scroll area.

Reproduction URL

No response

Attachments

Image

Metadata

Metadata

Assignees

No one assigned

    Type

    Fields

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions