minimumPaneSizePercentage clamp with the header minimum.

[Aurélien Vivet]

Feature ask

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

react-mosaic/src/Split.tsx

Line 31 in 64b9d49

 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.

Current behavior

[Lihao]

You can change the default pane size like this.

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

react-mosaic/src/types.ts

Lines 59 to 61 in a80ebd4

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

[Aurélien Vivet]

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.

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