Skip to content

Allotment.Pane min, max change problem #848

@odeyal0

Description

@odeyal0

The Allotment.Pane component fails to update its layout when the min and max props are modified dynamically.

Codesandbox: https://codesandbox.io/p/devbox/purple-sound-m6ch2q?workspaceId=ws_BAVCSBfYD2P1z6ttGiurci

Steps to Reproduce:

  • Open the CodeSandbox link.
  • Observe that the Allotment.Pane component does not update its size as expected.

Current Behavior:

The pane's layout does not reflect changes to min and max props after toggling expand state.

Workaround:

  • Uncomment the line // key={Pane1ExpandState${isExpanded}} in the code.
  • Refresh the preview.
  • Click the "Toggle" button again.
  • The component now expands correctly.

Expected Behavior:

The Allotment.Pane component should automatically update its layout when min and max props are changed, without requiring a key prop workaround.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions