Panes overlap when window smaller than min-width about vue-multipane HOT 7 OPEN

@jbonnett92 I've run into a similar issue where a pane will not respect overflow: auto - so instead of invoking scrollbars when the pane gets too small for the content, it just "snaps" back.

Did you manage to find a solution or an alternate library for your purpose?

from vue-multipane.

@liquidvisual Unfortunately I haven't.

from vue-multipane.

@jbonnett92 I just discovered a fix (for my situation) - I was able to invoke scrollbars by making the panel content wrapper absolute. Hope this can be of use to you somehow:

<!-- MULTIPANE -->
<multipane class="multipane w-100 h-100" layout="vertical">
    <div class="pane" :style="{ minWidth: '200px', width: '200px' }">
        ...
    </div>
    <multipane-resizer></multipane-resizer>
    <div class="pane" :style="{ flexGrow: 1 }">
        <div style="position: absolute;">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation.</p>
        </div>
    </div>
</multipane>

from vue-multipane.

@liquidvisual Thank you I'll give it a try in a little bit :) I'll let you know if it works.

from vue-multipane.

@liquidvisual My panes just seem to overlap.

from vue-multipane.

Sorry to hear that. What happens if your panes have an overflow of auto?

Originally I was looking into this library since it was based on what looks to be the most popular JS one, "Split.js" - although I wasn't able to figure out how to implement it in Vue based on the examples :/

from vue-multipane.

I think it has to do with the rightmost pane being flexbox.

from vue-multipane.