gridstack.js
gridstack.js copied to clipboard
Resized nested grid doesn't follow usual layout rules
Subject of the issue
Resizing in a subgrid does not position its items properly. They end up on top of each other.
This is a subgrid of width 2 (cells):
When resized to width of 1:
Your environment
Gridstack v10.0.1 Browser: Chrome
Steps to reproduce
Go to nested demo: https://gridstackjs.com/demo/nested.html Resize the subgrid item containing element 6 and 7 to its smallest width possible. Element 6 and 7 are now on top of each other.
Expected behavior
Elements should follow usual layout rules.