These changes address some issues with dashboards:
One of the biggest changes is that these changes are removing the broken responsive widget positioning we were trying to use in previous versions.
The reason for this is that Gridster doesn't really support that, so it was working in a random way, and changing the ordering as it pleased. Integrating Gridster into React made this even a worse problem, as now it is quite hard to know who is changing the DOM in which way.
So, instead of trying to unsuccessfully do that, I have changed the behaviour to always respect the positioning users set, regardless of the resolution. It is still possible to see all widgets in a small screen by scrolling, but we won't try to be smart about resizes and re-arrange all widgets in a random way.
That is not the ideal way I would like to have, but I think it's at least consistent, and fixes some issues while we use Gridster and React together.
So far we tried to make the dashboard layout to be responsive with the screen. This was never really working, as widgets were dancing around inconsistently. Trying to manage gridster from react made this even worse, as now it is harder to reset gridster or to make sense when the DOM is changing. Instead of trying to unsuccessfully do that, these changes are going in the opposite direction: Users can unlock the dashboard and arrange widgets as desired, and that arrangement will be keep in the future, regardless on the screen size. Users can still scroll through the widgets or re-arrange them if they want to, but we won't try to be smart about it.
By the way, I have a project that may handle this more gracefully and is built for responsive layouts: https://github.com/STRML/react-grid-layout
Its behavior is very similar to what you have now. In fact, at my first time using it, I thought you were using RGL. Would be happy to help support if you want to use it and have any integration issues.