JQuery UI - Draggable element loses constraint on rotation

Question

I created jsFiddle here to illustrate my problem in the code (double click the pink element and try dragging out the blue square, double click and compare the results).

Problem:

When I make CSS rotate on a draggable element with a constraint, the constraint does not work properly. A draggable item can be moved partially outside the container. I suppose this has something to do with how the CSS rotation works, but I'm not sure.

Is there any way to solve this problem?

Answer 1

, css . div, ( ) . , div.

, , , css.

. , .

Edit

, . div div. / . . , , .

, .

http://jsfiddle.net/Sp6qa/2/