jquery-ui：サイズ変更可能なコンテンツから出力divにドラッグ

Question

こんにちは私はこの問題を解決する方法がわかりませんdivをサイズ変更するには "overflow：hidden"を使用しますが、これを置くとdivの外にドラッグできません（私ができるが、透明である）私はそれを終了し、DIVのサイズを変更する場合は、しないの皮革：

HTML

<div class="region"> 
    dragg to me MADA FAKA 
</div> 
<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab-1</a></li> 
     <li><a href="#tabs-2">tab-2</a></li>   
     <li><a href="#tabs-3">tab-3</a></li>   
    </ul> 
    <div id="tabs-1"> 
     <div class="destacado" title="destacado"> 
      DRAGGABLE TO MADAFAKA 1 
     </div> 
    </div> 
    <div id="tabs-2"> 
     <div class="destacado" title="destacado"> 
      DRAGGABLE TO MADAFAKA 2 
     </div>   
    </div>  
    <div id="tabs-3"> 
     <div class="destacado" title="destacado"> 
      DRAGGABLE TO MADAFAKA 3 
     </div>   
    </div>  
</div> 

CSS

#tabs 
{ 
    position: fixed; 
    overflow: hidden; 
    width: 320px; 
    height: 150px; 
    padding: 0.5em; 
    border: 1px solid black; 
    z-index: 2; 
} 


.destacado 
{ 
    border: 2px solid black; 
} 

.region 
{ 
    width: 200px; 
    height: 200px; 
    border: 2px solid red; 
} 

JS：

オーバーフローなし

$('#tabs').tabs(); 
$('#tabs').resizable(); 
$('#tabs').draggable(); 

$('.region').sortable(
{ 
    connectWith: '.region', 
    items: 'div[title="destacado"]' 
}); 

$('#tabs-1, #tabs-2, #tabs-3').sortable(
{ 
    connectWith: '.region',  
    items: 'div[title="destacado"]'  
}); 

jsFiddle：隠された：オーバーフローとhttp://jsfiddle.net/hq9Pw/2/

jsFiddle：隠された：最終的にはこれで解決http://jsfiddle.net/hq9Pw/3/

Answer 1

：

connectWith: '.region', 
    appendTo: 'body', 
    containment: 'window', 
    helper: 'clone'