title: Not able to drag and drop an element if sortable is applied on parent and child both in RubaXa Sortable
body: <pre><code>I created BIN "http://jsbin.com/cekarimaxu/1/edit?html,css,js,output" of my issue.
  </code></pre>
  
  <p>Here, I have a structure like STAGE -> In stage there is a card.</p>
  
  <p>Now card and stage both should be sortable and for sortaable i am using <a href="https://github.com/RubaXa/Sortable" rel="nofollow noreferrer">RubaXa sortable</a>.
  Note that Here I set "forcefallback: true" because I want to style my dragged element (Both stage as well as cards).</p>
  
  <p>Now here the issue I am facing is I can drag and drop the cards  but I am not able to drag and drop the stages SEE:- <a href="https://drive.google.com/file/d/1fQQFp3Zx_qMqij_6Y8ehGWevZ3kqD08q/view" rel="nofollow noreferrer">VIDEO</a> </p>
  
  <p>The desired behavior should something like this:- <a href="https://drive.google.com/open?id=11k1qI_hzKQOunVAVxGD4eEmLccDFUv5C" rel="nofollow noreferrer">VIDEO</a> </p>
  
  <p>However, this desired behavior comes if I set "forcefallback: false" and in my case, I want to apply some custom CSS on the dragged element so I can't set "forcefallback: false"</p>