react-split-pane
react-split-pane copied to clipboard
React split-pane component
``` Hello... ...world. // // // pane 1 size: 33% // // pane 2 size: 50% (of remaining space) // pane 3 // // // ``` The drag cursor is...
#### Is your feature request related to a problem? Please describe. I am in need of including text on the Resizer (the "title" for the pane below it) as well...
#### Describe the bug I've updated the library from v0.1.84 to v0.1.87 and this broke the app on IE11 with the error: Object doesn't support property or method 'repeat' ####...
Code: ``` ``` Css: ``` .Resizer { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: red; opacity: .2; z-index: 1; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; } .Resizer:hover { -webkit-transition: all...
I can see that min-width only gets set on Pane1 (or may be just the default) but it doesn't enforce the width restriction on the 2nd Pane.
#### 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...
In my project [MQTT Explorer](https://mqtt-explorer.com/), an MQTT Client, I started working on accessibility. To be more precise, I am working on enabling to control the complete app with only a...
Set splitter as below: ` a b ` At page load, the splitter will stay at the center of the window. If you change the window size, you can see...
The performance was subpar for my use-case, since the code relied on a lot of dynamic recreation of objects inside the render, and styles, so I decided to fix this...
`onChange` and `onDragFinished` only receive the size of the primary pane. `onDragStarted` receives nothing. I have a use case where the DOM element that contains the `SplitPane` is draggable. If...