Draggable containment and scroll

Draggable containment and scroll

I have a large div with overflow: scroll, then a large table inside that div with much taller height. The draggable is inside that table, so I set the containment to the table, then tried to drag it. However, the draggable goes beyond the containment table's height and makes outer div increase its scroll size. Is this a conflict between containment and auto scroll option?

  1. <div style="height: 400px; overflow: scroll">
  2.     <table id="containmentTable" style="height: 1000px;">
  3.         <tbody>
  4.             <tr>
  5.                 <td><div class="myDraggable">...</div></td>
  6.             </tr>
  7.         </tbody>
  8.     </table>
  9. </div>