Scroll issue in the tree data view

[cyanaryan]

I'm submitting a ... (check one with "x")

[x] bug report => see 'Providing a Reproducible Scenario'
[] feature request => do not use Github for feature requests, see 'Customers of AG Grid'
[] support request => see 'Requesting Community Support'

Current behaviour.
Whenever I try to expand few rows in the tree data view, after some time there is very little space to scroll. Sometimes I am not able to expand the item for the below data. This is happening due to rows being pinned in the tree data view. I saw that every examples in ag-grid is having row pinned (parents row is pinned and child row is getting scrolled) when we scroll. Below is the scenario I am facing

Expected behaviour:
I want something like this

Below is the link for that
https://stackblitz.com/edit/ag-grid-angular-hello-world-1gs4jx?file=src%2Fapp%2Fapp.component.ts
This above url is using the version "ag-grid-angular": "27.2.0",

Please tell us about your environment:

• AG Grid version: 31.1.1

• Browser: Google Chrome:121.0.6167.140 (Official Build) (64-bit)

[netnr]

vscode will only retain one or two levels when the visual height is small, and more levels will be retained when the visual height is large.

[cyanaryan]

Is there any solution, how we can fix that in the ag-grid?

[cyanaryan]

Is there any way we can solve this issue?
@netnr @AG-Zoheil