The new widgets on the map are under the TOC

[ElenaGallo]

If I add a new widget to a map, it will located below the TOC instead of being placed on the right side of the map viewer

Current Result
https://images.zenhubusercontent.com/39382076/b9f31027-af3c-493f-97aa-9433229b86cd/addno.mov

Expected Result
https://images.zenhubusercontent.com/39382076/c91a86f6-75e5-4c0b-90d3-b6adddbb6e4d/addyes.mov

[tdipisa]

@belom88 please as part of the preliminary investigation we need to understand what introduced this regression.

[belom88]

Breaking commit: 70322da
Breaking change:

MapStore2/web/client/plugins/Widgets.jsx

Line 153 in 99132d4

left: leftOffset + 'px',

[tdipisa]

Thank you @belom88. I've added the project label accordingly. Please have a quick sync with @alex-fko if needed so that then you can provide the needed fix. @allyoucanmap, you have reviewed #8621, any concern for this?

[tdipisa]

@alex-fko can you please keep track of your feedback for this here with a comment. Let's wait then the feedback of @allyoucanmap who reviewed the PRs. Then, we will manage this accordingly.

[alex-fko]

Comment with initial suggestion for the issue: #8622 (comment)

Adding offset deducts space utilized by the grid, while breakpoints are triggered by grid width.
If offset from the left side will always be active, regardless of hidden/visible TOC, then all devices having viewport width < 1100px will have single-column layout because of breakpoint hit.
To prevent layout switch 4-1-4 columns we need to think of a way of applying this offset from the left only if viewport can actually fit expanded TOC + widgets grid with 500px and more width and maybe force 1-column layout otherwise (viewport width < 1100px).