我的html中有一個3列網格中的素數Ng樹。第一列是樹，第二列是一個有20行的textarea，這樣行就可以擴展到這個大小。當我展開樹中的項目時，它會超出文本區域的大小，因此行會進一步展開。是否可以將樹的最大高度設置為文本框的高度(然后在樹上啟用滾動)？

以下是html:

<div class="grid">

    <div class="col-3">

        <p-contextMenu #contextMenu [model]="contextMenuItems"></p-contextMenu>
        <p-tree [value]="connectionMenu" class="w-full md:w-30rem h-full" selectionMode="single" [contextMenu]="contextMenu" [(selection)]="selectedNode" (onNodeContextMenuSelect)="getMenuItems($event, contextMenu)"></p-tree>

    </div>
    <div class="col-6">

        <textarea rows="20" class="w-full" pInputTextarea [(ngModel)]="program"></textarea>  

    </div>
    <div class="col-3"></div>
</div>

我找不到相關的Prime Css/Prime Flex文檔來解決這個問題，而且我的Css技能很差。