title: jquery ui containment with scroll
body: <p>I am trying to implement drag and drop feature using jquery ui. I have a container with position 'relative' and inside it, there are draggable elements having position 'absolute'. What I want is, to restrict the draggable elements within the container and also the ability to scroll the elements beyond the container. So I initialized the draggables like:</p>
  
  <pre><code>$(".draggable").draggable({
   containment:'parent',
   scroll:true
  })
  </code></pre>
  
  <p><a href="https://jsfiddle.net/zjncn6zy/1/" rel="nofollow noreferrer">https://jsfiddle.net/zjncn6zy/1/</a></p>
  
  <p>But it is not working as expected. when i remove the 'containment' option, the draggables are auto scrollable but within the body, not within the container.</p>
  
  <p>What i need is, as i drag the draggables beyond the container, the draggables need to auto scroll within the container. </p>
  
  <p>Please help me to solve my issue. Thanks</p>