When I added the splitters, it stopped handling events on other elements such as 'click' It still receives click event add document and window level, but not on individual element level of splitter div child elements

Hello,

I tried to use this library inside a dynamic container that shares the page with a sidebar. When the sidebar is collapsed, the dimensions of this container change accordingly. Unfortunately, I couldn't get this to work as the dimensions of the parent container are dynamic. Is there a way to fix this?

Thank you for your response in advance!

This happens to me in Firefox.

I'm not sure if I'm doing something wrong, or maybe there is some incompatibility with the web browser. I am using the example configuration.

The problem is that when you drag the resizer the content of the windows is selected and, when I drop it, it is sometimes selected and sometimes not.

Thank you very much for the contribution. It has been very useful!

I was interested in using your code. But, according to https://choosealicense.com/no-permission/ - as your repo has no license (that I could find), "that generally means [others] have no permission from the creators of the software to use, modify, or share the software"

So if you could add a license, that'd be great. Thanks!

Really cool project! But there are a few things I would add. One of them is an option to add minimum and maximum size to some windows. For example, I could have a 0.2 window (20%) but force it to be between 100 and 200 pixels. I've taken a look into your code, and I think it wouldn't be that hard to implement that feature.

Hi. Thank you for the great work!

This CSS rule seems to be too aggressive and affects other parts of the page:

* {
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
}

In my case it broke the positioning of the element with position: absolute and right: 0.

Hi,

I've got a couple of questions rather than issues. Hope you don't mind but just couldn't find a place where to ask these:

1. Resize

Is there a way to have 3 panes and allow to resize the left pane and the right pane independently without resizing the middle or left/right pane depending on which one is being resized.

This is what I have:

<div id="main">
    <div class="resizable-left" id="win1">
    </div>
    <div class="resizable-right" id="win2">
        <div class="resizable-left" id="win4"></div>
        <div class="resizable-right" id="win5"></div>
    </div>
</div>

but the above resize the right pane and middle pane when I resize the left pane for example. When resizing the right pane, it is behaving as I'd like it. It resizes the right and content pane without changing the left pane. I can see why based on the above definition but ideally, I'd like to be something like this:

<div id="main">
    <div class="resizable-left" id="win1">
    </div>
    <div class="resizable-center-fix" id="win3">
    </div>
    <div class="resizable-right" id="win2">
    </div>
</div>

Where the "resizable-center-fix" only gets resized when either the left or right pane get resized. Hope this makes sense?

2. Are there events available? The reason I'm asking is that every time, a pane is resized, I'd like to save its size immediately to local storage so that I can restore it when my page is reloaded the next time the user opens my web app?

3. Hiding pane? Can a pane be hidden at run-time and if it is, will the other pane be adjusted accordingly? For example, imagine if I have a vertical split embedded in the left pane and I want to hide the bottom pane. Will the top pane stretch all the way to the bottom?

Thanks.

Thierry

Really cool library. I've been looking for someting like it a while now. I've got a few questions.

1. Is it possible to make the handle bars larger than 4px without break anything?
2. In the demo you split with 2 divs at most. Would it work to have 3 resizeable divs in a row?
3. If possible to have 3 resizable divs in a row, would it be possible to have one of them at a fixed (locked) size? Only two of them can move.

Imagine we have a "main" div with 100px width, and we configure 2 content windows with 0.5 size. When we inspect the size of activeContentWindows, the sizeFractionOfParent is not 0.5 for both windows, it's 0.5 for one and 0.49xxx for the other.

This causes that, when I save these sizes and then I reload them to initialize the layout, the sizes rendered are different from first load. And if I save the sizes and I reload them several times (always without move the resizers) it will be worse. This sample is with only one resizer. If you configure a lot of contentWindows with several resizers, the effect will be more clear.

Any workaround to calculate the real size of every content window ?

Thanks.