jquery - CSS3 変換用の jQuery サイズ変更可能ドラッグ可能フリックリング

Question

CSS 属性を使用して、div の変換に 45 度を設定しました。ドラッグ可能でサイズ変更可能な div をバインドします。divが変換のために0度を持っている場合、すべてが正常に機能しています。

しかし、divが左と上にシフトするサイズを変更している間、divに何らかの程度がある場合。これは、div に学位がある場合にのみ発生します。

私のコメント欄のリンクをチェックしてください。sw,nw,ne方向からリサイズしてください

申し訳ありませんが、このエディターではリンクは受け入れられません。フィドル

html

<div id="parent">
    <div id="mydiv">my para</div>
</div>

js

 $(function() {
        $( "#mydiv" ).resizable({
            containment: 'parent',
            handles: 'n, e, s, w, ne, se, sw, nw',
        })
        .draggable();
});

CSS

#mydiv {
    transform:rotate(60deg);
    -webkit-transform': rotate(60deg);
    -moz-transform': rotate(60deg);
    -webkit-transform: rotate(60deg) translate3d(0, 0, 0);
    width:300px;
    height:200px;
    background-color:yellow;
}

#parent {
    width:500px;
    height:600px;
    margin:450px 0 0 150px;
}