Resizable allowable inside a Tab inside a Resiable ?

[sensiblearts]

Greetings,
Is this doable or should I rework the layout?

<Resizable.PaneGroup direction="horizontal">
    <Resizable.Pane>
        <slot name="LHS" />
    </Resizable.Pane>
    <Resizable.Handle withHandle />
        <Resizable.Pane>
            <slot name="RHS_main" />
        </Resizable.Pane>
</Resizable.PaneGroup>

Then, pass a file with the following to the above <slot name="RHS_main" /> :

  <Tabs.Root>
        <Tabs.List>
          <Tabs.Trigger></Tabs.Trigger>
          <Tabs.Trigger</Tabs.Trigger>
          <Tabs.Trigger></Tabs.Trigger>
        </Tabs.List>
        <Tabs.Content></Tabs.Content>
        <Tabs.Content></Tabs.Content>
        <Tabs.Content value="individuals" class="w-full">
            <!-- nothing below here is visible, but I see it in the element inspector -->
          <Resizable.PaneGroup direction="vertical">
            <Resizable.Pane>
            </Resizable.Pane>
            <Resizable.Handle />
            <Resizable.Pane>
             </Resizable.Pane>
          </Resizable.PaneGroup>
      	</Tabs.Content>
      </Tabs.Root>

Such that I have a Resizable nested inside a Tab.Content that is nested inside a Resizable.

The problem: It renders (elements are there when inspected) but it's invisible; I can't make sense of it.

So, I thought I'd first ask if I'm doing something that it isn't designed to handle.

Thanks.

[sensiblearts]

I got it to work. The nested Resizable simply has to be inside a <div/> with a size!

<div class="h-dvh w-full">