Scrollable Elemente in einem nicht scrollable HTML/Body Element

Hi,

mit folgender Problematik komme ich gerade nicht so ganz zurecht.. Das Erste: Die browsereigene Scrollbar soll verschwinden. Dies erreiche ich, indem ich das HTML und das Body Element auf 100% height setze.
Innerhalb meines Bodys habe ich diverse Elemente und alle haben eins gemeinsam: Sie sollen die komplette Höhe ausnutzen. Nun habe ich einen PrimeNG Tree in einer Komponente, die eigentlich wesentlich länger bzw. höher als der Body ist. Der Tree soll allerdings scrollable sein, weshalb ich die Idee hatte, ein Div herum zu "wrappen" und die overflow Property auf auto zu setzen.

Leider funktioniert das nicht so, wie ich mir das vorgestellt hatte.. und das Internet konnte mir bisher auch nicht weiterhelfen.

Ein fehlerhaftes Beispiel habe ich hier:
stackblitz Beispiel

Die rechte Scrollbar soll eigentlich verschwinden.

Ist sicher nur was simples, aber ich komme gerade nicht drauf.
Kann mir jemand weiterhelfen? 😃