I have a problem with the draggable area in the browser after I resize elements.
In the body tag I have several windows (I will call chatWindow) and these chatWindow are both resizable and draggable and the containment used is window
This is a chatWindow
This is the code to set drag and resize
When I load the page the drag movement is restricted inside the visible area of the browser but after I resize these chatWindows, I can drag them also outside the visible area (in this case appear the horizontal and vertical scroll bar).
Now I think it depends because these chatWindows have a initial size (height and width) and after the resizing the browser has some problem to "understand" the new size of these elements but I'm not sure.
Is this the problem or there is something else?
What can I do to mantain these chatWindows inside the main browser area also after the resizing?