How to have PanelViews fill the Panels?

[rrousselGit]

Feature request

It appears that panels are missing a way for their views to fill the space available.

Even though they use CSS grids, views are wrapped in this div.tabpanel hidden in the shadow-root that causes PanelViews to vertically fit their content.

Expected behavior

It would be great to have a way to make the following layout:

Where the (React) code would be:

<VSCodePanels>
  <VSCodePanelTab>VARIABLES</VSCodePanelTab>
  <VSCodePanelTab>AUTHENTICATION</VSCodePanelTab>
  <VSCodePanelView>
    <div style={{backgroundColor: red}}>hello</div>
  </VSCodePanelView>
  <VSCodePanelView> ...  </VSCodePanelView>
</VSCodePanels>

Alternatively, maybe support for grid properties such as align-self would be nice.
For example the div.tabpanel could be a grid too.

Current behavior

Currently, the code given above ends-up with the following layout:

And as far as I know, there are no easy way to change this.

I managed to find some tricks in React, by obtaining the HTML Element (using useRef) ; followed by editing the shadow-root by hand.
But that is fairly hacky and probably undesired.

Use case

I want the content of a PanelView to be scrollable.
But without having the PanelView fill the available space, scrolling instead causes the PanelTabs to go out of view.