This week's book giveaway is in the Jobs Discussion forum.
We're giving away four copies of Java Interview Guide and have Anthony DePalma on-line!
See this thread for details.
The moose likes HTML, CSS and JavaScript and the fly likes jQueryUI, problem with containment after resizing Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login

Win a copy of Java Interview Guide this week in the Jobs Discussion forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "jQueryUI, problem with containment after resizing" Watch "jQueryUI, problem with containment after resizing" New topic

jQueryUI, problem with containment after resizing

Karim Kiswarday
Ranch Hand

Joined: Oct 01, 2010
Posts: 50

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?


No fun at the table, no fun in the sack.
I agree. Here's the link:
subject: jQueryUI, problem with containment after resizing
It's not a secret anymore!