search

nathancahill / split

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

Problem when dragging #718

Open Wyzix33 opened 2 years ago

Wyzix33 commented 2 years ago

Hi, I'm trying to replace split.js with split-grid and I'm having some problems when I keep dragging on a gutter (see video) and here is a codepen to try Codepen

Video

As you see after I keep dragging left the gutter starts jumping and the grid size gets to 3.40282e+38fr 10px 3.40282e+38fr

Is this normal or am I doing something wrong? I also had some issues with the right column changing width sometimes (by doing the same thing) so the row gutter get's smaller because the grid-template-columns get to be < 0 (0.0121971fr 10px 0.101923fr) , see this screenshot: grid

Thanks

palashkaria commented 1 year ago

I had an issue similar to the second one you mentioned, when dragging to the left and continuing to drag, it would start going around and shrink the size of the right pane. The grid template columns very became very small.

I fixed this by setting grid items to min-width: 0, see if that helps?

This is super weird because I don't see it happening on the example on split.js website. My guess was that this is a a react-split-grid issue, but since min-width fixed it, I'm not so sure anymore.

Does anyone else have this issue? (I searched in the repo and other places, didn't find any other reports)

PS: I did notice your first issue in another codesandbox which was posted in #362