split icon indicating copy to clipboard operation
split copied to clipboard

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

Open handhikadj opened this issue 3 years ago • 3 comments

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

handhikadj avatar Jan 29 '22 10:01 handhikadj

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.

phillipb avatar Jan 29 '22 22:01 phillipb

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

handhikadj avatar Jan 31 '22 06:01 handhikadj

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

mpunkenhofer avatar Jan 31 '22 23:01 mpunkenhofer