support nest grid more than 2 level

[joebnb]

gridstack.js/src/gridstack-dd.ts

Line 135 in afd7349

if (node?.subGrid) return false;

if remove this line it's seems almost finish about mutiple level,could implement this.

[joebnb]

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

[adumesny]

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.

[v1talii-dev]

are there any updates on this issue? perhaps you managed to find a workaround?

[v1talii-dev]

@joebnb did you manage to solve the problem?

[v1talii-dev]

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...

[adumesny]

thanks, but as I mentioned dragging to created new nested grids is a big feature request...

[v1talii-dev]

I found a workaround, it seems to work. @adumesny please see the PR.

[adumesny]

fixed by #2052 for general drag to create sub-grids feature in v7