igx-grid leaves blank space at the bottom after a flex-sized container grows back while scrolled to the bottom

[mkamiishi]

Description

igx-grid leaves a blank area below the last rendered row (and the vertical scrollbar thumb doesn't reach the bottom) after its container shrinks and then grows again via CSS flexbox layout, while the grid was scrolled to the bottom in between.

Framework

Angular

Angular Version

21.2.x

Ignite UI for Angular Version

21.2.16

Component / Area

Grid

Browser

Chrome

Operating System

Windows

Command Not Working

Steps to Reproduce

1. Run the sample.
2. Scroll the grid all the way to the bottom.
3. Click the "Expand" button to open the panel (the grid shrinks).
4. Click the "Collapse" button to close the panel (the grid grows back to its original height).
5. Scroll the grid to the bottom again.

Actual Result

A blank area appears below the last row, even though there is enough real data to fill it. The vertical scrollbar thumb does not reach the bottom of the track either.

Expected Result

When the container grows, the virtualized rows should be recalculated so the grid fills all the way to the bottom with no gap.

Reproduction URL

No response

Attachments

igniteui-bug-repro-v2.zip