Giter VIP home page Giter VIP logo

Comments (3)

IanVS avatar IanVS commented on May 31, 2024 8

@dancron, @chalda, have you tried setting a maxSize to a negative value? For example, if you set a maxSize of -10, then the secondary pane will never be smaller than 10px.

from react-split-pane.

dancron avatar dancron commented on May 31, 2024 2

I would like a way to make sure that the split line cannot be dragged outside the current visible container.

For example: Make the whole browser window smaller, drag the split line outside the browser and drop it. Maximize the browser, and the split line will appear where you dropped it. I want to limit the user to drop the split line only inside the currently visible container.

I have nested panels, and the panel on the right is being pushed completely out of view when I make the panel on the left bigger. I have other controls to hide and show the different panels. I would like to make it so that sliding the splits does not completely hide any panel.

If I could set a minSize on the second panel, that could be one way of keeping the split line inside the currently visible container.

from react-split-pane.

akphi avatar akphi commented on May 31, 2024

@IanVS Can't thank you enough. I never thought of this so I had to switch to v2, but v2 is pretty buggy at the moment and the development seems to have stopped :(

from react-split-pane.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.