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

Labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions