react-split-pane icon indicating copy to clipboard operation
react-split-pane copied to clipboard

secondary pane overflow

Open haldenl opened this issue 7 years ago • 3 comments

Hi!

I'm using the vertical split with primary="second" and am running into the following issue. It looks like currently, even if a minWidth + default width is set on the primary pane, the secondary pane is still able to overflow past the intended dividing point, causing the primary pane to be shifted to the right and the Splitpane to expand to a larger width than intended (my secondary pane is on the left, primary pane on the right). After experimenting for a couple hours, my hacky solution was to override the SplitPane CSS to include an overflow: hidden on .Pane.vertical.Pane1 (again my pane1 is my secondary).

Just wanted to let you know! I'm not sure if including that rule in the CSS would break anything else.

haldenl avatar May 30 '18 06:05 haldenl

Hello! is that your case?

walerun avatar May 30 '18 08:05 walerun

Hi, I'm experiencing the same issue. The workaround above is working but doesn't feel right. Is it ok to add that CSS override?

mkeftz avatar Nov 23 '18 18:11 mkeftz

I think I had a problem similar to yours, and having "height: 0px, flex: 1 1 auto" in the container fixed the problem for me.

DoC-Noah avatar Nov 12 '21 19:11 DoC-Noah