Shrinking 2 split areas to a width of 0 prevents you from being able to open them

[ChuckFields]

Link to reproduce

[nino-vrijman]

This seems to be an upstream bug in Split Grid. When dragging a gutter Split Grid takes care of setting either the grid-template-columns or grid-template-rows prop on the SplitGrid component from this module.

See this forked CodePen. When dragging the second gutter to one end of the grid untill you have 2 SplitGridArea's with a size of 0 the gridTemplateStyle will be set correctly to something like 0fr 5px 0fr 5px 100fr (see the console). If you then try to drag the second gutter to the right again Split Grid will try to set the grid-template-* CSS property to something like 0fr 5px Infinityfr 5px Infinityfr which seems to be invalid CSS, you can confirm this by watching the output of the the onDrag event (which is the raw onDrag event emitted by the Split Grid library). I suggest you submit an issue in the original library's repo.

[unre4l]

maybe a version update will be enough as the current version used by vue-split-grid is v1.0.9 vs v1.5.9.

[nino-vrijman]

maybe a version update will be enough as the current version used by vue-split-grid is v1.0.9 vs v1.5.9.

Unfortunately 1.5.9 seems to be the version of Split.js (package.json) and not of Split Grid (package.json). 🙁

[johnsusek]

https://github.com/nathancahill/split/pull/319