gridstack.js
gridstack.js copied to clipboard
could support nest grid more than 2 level
https://github.com/gridstack/gridstack.js/blob/afd7349ec4a0c54847d31703123efd1d037f2548/src/gridstack-dd.ts#L135
if remove this line it's seems almost finish about mutiple level,could implement this.
if comment this line, it will looks like this image,there are 2 problem to use this
incorrect grid width and height and if drop disappear in some case when the drop shadow not show
I have not tested deep nesting as the current demo only does 1 level and the v5.0 focus was on allowing to move items in/out of that hierarchy - but something I could work on for the right donation, or you can debug and fix the issue which would be great. Posting a demo showing the issue (use nested.html as starting point) would help. thanks.
are there any updates on this issue? perhaps you managed to find a workaround?
@joebnb did you manage to solve the problem?
As far as I was able to identify, the problem is that style classes are not applied to elements in the subgrid.
this is how it looks before the changes:

and so after dragging:

but if you immediately render the fields, then it is output correctly:

however, after that, if you drag the tabs, there will be the same incorrect behavior...
thanks, but as I mentioned dragging to created new nested grids is a big feature request...
I found a workaround, it seems to work. @adumesny please see the PR.
fixed by #2052 for general drag to create sub-grids feature in v7