search

nathancahill / split

Unopinionated utilities for resizeable split views
https://split.js.org/
MIT License
6.14k stars 450 forks source link

how to make split js works like IDE's split panel so that it doesn't shrink other side's width #722

Open handhikadj opened 2 years ago

handhikadj commented 2 years ago

I notice split.js shrinks other panel's width.

how do I make it such that it's like VS code / IntelliJ / Codepen split panel where while we're dragging to the left then the right side panel looks like it's on top of the left side panel?

hope you can understand this

phillipb commented 2 years ago

You could handle this with the css for the child component of the pane container. Set a min-width for it and set a `overflow-x: auto on the pane container, and it will scroll like an IDE.

handhikadj commented 2 years ago

thanks. would be helpful if you can provide example sandbox for it

mpunkenhofer commented 2 years ago

Not sure if I got it right but here is the Sandbox.