[Grid] Virtual Scrolling Causing Excessive Height in k-grid-content

[yanmariomenev]

Describe the bug
Excessive height occurs in the .k-grid-content .k-virtual-content div when the total item count is high, causing it to extend beyond the visible area and hide the horizontal scrollbar. This issue is observed with large datasets and virtual scrolling. The screen size and resolution will also matter. For more details check 1646437.

To Reproduce
Steps to reproduce the behavior:
Open the following example and change the total to a smaller or higher value which will depend on the screen size that the example is tested in:
https://stackblitz.com/edit/angular-kjftwq?file=src%2Fapp%2Fapp.component.ts

Browser

• Browser [Chrome] - This behavior is not observed in Firefox.
• Version [Latest]

Recording

Screen.Recording.2024-03-29.at.15.27.43.mov