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;
}