How can I make an sl-tab-panel to take 100% height of the sl-tab-group or container?

[inakizi]

I made a codepen for this: https://codepen.io/inakizi/pen/gOqRVXp
I need the sl-tab-panel to take the entire height of the container, but even though I have tried several ways, I could not do it.
Am I missing something obvious here?

[claviska]

I think this might be what you're looking for:

sl-tab-group::part(base),
sl-tab-group::part(body),
sl-tab-panel {
  height: 100%;
}

sl-tab-panel {
  border: solid 2px tomato;
}

[inakizi]

Beautiful, Thanks, I had to add these extra ones to achieve the wanted effect of being able to scale internal div to 100% but you got me in the right track:

sl-tab-group::part(base),
sl-tab-group::part(body),
sl-tab-panel::part(base),
sl-tab-panel::part(body),
sl-tab-panel {
  height: 100%;
}