jQuery Forum

The resizable interaction has an annoying quirk. If your mouse moves off the resize handle while the button is still pressed, the resizing stops. Release the mouse button (still outside the handle) and then move the mouse back over the handle. The resize interaction resumes. This is unexpected behavior, at least to me.

 

You can see this on the resizable demo page (http://jqueryui.com/resizable/) in the default demo. Try to resize the sample beyond its container. When you hit the edge of the container, the sample box correctly stops resizing. Release the mouse button and move the cursor back to the sample element and it starts resizing again.

 

I find this to be a particular problem in a dialog with complex content. It is easy to move the mouse too fast for the resize to keep up. The user sees the resizing stop, because the mouse has left the handle, and either thinks they have reached a limit, or that there is a bug. Then when moving the mouse around to do something else, if they pass over a resize handle, the resize starts up again.

 

I am using 1.8.3, but I see the same behavior in version 10 in the demos.

 

So, is this a bug? Or a works-as-designed? Any ideas on how to prevent this from happening? I tried the resizeStop event, but it didn't help, I could try a mouseout event on the resize handles, but I don't know how to access the 'resizable' object used by the dialog.