split pane renders above other components

[Kay-Kleinvogel]

trafficstars

Describe the bug

The split pane renders above other components when I put the parent container into display: grid or display: flex

To Reproduce

1. add a split pane and another component into your main component
2. add display: grid or display: flex to the containing element

Codesandbox is here: https://codesandbox.io/embed/crimson-haze-qen24

Expected behavior

Both elememts should be stacked instead of above each other.

Screenshots

How it looks

How it should look

Additional context

It seems like the split pane always takes up 100vh (That's why there is a scrollbar on the how it should look). Maybe it has to do something with this behaviour.