Skip to content

minimumPaneSizePercentage clamp with the header minimum. #151

Closed

Description

@Bouh

Feature ask

Currently we can't reduce a panel to zero because the props value by default is minimum 20%.

minimumPaneSizePercentage: 20,

I ask for have an option for customize the value, on both axis X and Y, the idea is to stack the panels on X, and keep 20% for Y axis, the vertical panels.

image

Current behavior

image

Activity

  1. 4dgarden commented on Oct 12, 2020

    @4dgarden

    You can change the default pane size like this.

    <Mosaic
      resize={{ minimumPaneSizePercentage: 5 }}
    ...
    />
    

    export interface EnabledResizeOptions {
    minimumPaneSizePercentage?: number; // Default: 20
    }

  2. Bouh commented on Oct 12, 2020

    @Bouh
    Author

    That's for sure, but the header size is not taken into account because the height value isn't dynamic.
    When we have a zoom in the browser the panel can't be resized.

    Here two headers in purple, zoom 150% in Chrome.
    image

    Even with a lower zoom, 110%, the split component can't be selected.
    image

  3. changed the title [-]Custom value for minimumPaneSizePercentage on X or Y axis[/-] [+]minimumPaneSizePercentage clamp with the header minimum.[/+] on Oct 12, 2020
  4. Lonli-Lokli commented on Sep 23, 2026

    @Lonli-Lokli
    Collaborator

    #260 lets minimumPaneSizePercentage take { row, column }, and adds minimumPaneSizePx. Something like minimumPaneSizePx: { column: 30 } keeps title bars visible in stacked panes, whatever the zoom level.

  5. Lonli-Lokli commented on Sep 28, 2026

    @Lonli-Lokli
    Collaborator

    Fixed in 7.2.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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