Resizable not working with conditionally added panels after initialization

[RolandTa]

Please provide the environment you discovered this bug in.

"@spartan-ng/brain": "^0.0.1-alpha.566",

Which area/package is the issue in?

resizable

Description

the resize mechanism will not work when adding a resize panel conditionally after initialization.

`

<hlm-resizable-group
  class="min-h-[300px] max-w-md rounded-lg border md:min-w-[450px]"
  direction="vertical"
>
  <hlm-resizable-panel defaultSize="25">
    <div class="flex h-full items-center justify-center p-6">
      <span class="font-semibold">Header</span>
    </div>
  </hlm-resizable-panel>

  <hlm-resizable-handle />

  <hlm-resizable-panel defaultSize="75">
    <div class="flex h-full items-center justify-center p-6">
      <span class="font-semibold">Content</span>
    </div>
  </hlm-resizable-panel>

  @if (showExtra) {
    <hlm-resizable-handle />
    <hlm-resizable-panel defaultSize="25">
      <div class="flex h-full items-center justify-center bg-slate-100 p-6">
        <span class="font-semibold">Extra Dynamic Panel</span>
      </div>
    </hlm-resizable-panel>
  }
</hlm-resizable-group>

`

Please provide the exception or error you saw

the resizing will not happen - the indicator will show a possible resizing but if you move the panel it stays at the current size.

the resizable panel with the content "Extra Dynamic Panel" can not be changed in size

Other information

No response

I would be willing to submit a PR to fix this issue

• Yes
• No