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

Pane's height exceed 100%

Open danielpaz6 opened this issue 5 years ago • 1 comments

Describe the bug

I made a simple horizontal divider, but the bottom's part keeps exceed the 100% height.

To Reproduce

Made an example: https://codesandbox.io/s/compassionate-bartik-z9lev?file=/src/App.js:136-285

Expected behavior

The bottom's part should keep 100% height, and if the content inside overflows, it should make the scroll active.

A screenshot that demonstrates the "fake" scroll-bar: https://i.imgur.com/kZEmpt2.png ( the bottom part's height exceeds my screen, so the scroll-bar not really being activated but instead the height is very high.

danielpaz6 avatar May 22 '20 09:05 danielpaz6

@danielpaz6 or everyone else that is having issues with sizing splitpane:

I had a very similar issues:

  • Splitpane was not respecting overflow properties on parents.
  • It had a default height of 100% that ended up being greater than its parent container's height.

I managed to "fix" it by applying position: relative !important to the element without any noticeable drawbacks.

louis-vinchon avatar Jul 15 '21 17:07 louis-vinchon