• Post Reply Bookmark Topic Watch Topic
  • New Topic

jQueryUI, problem with containment after resizing  RSS feed

Karim Kiswarday
Ranch Hand
Posts: 50
Eclipse IDE Java PHP
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hello all,
I'm making a javascript application using jQuery and jQueryUI with the draggable and resizable modules.
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?

  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!