title: jQuery UI draggable being dropped in droppable behind container
body: <p>I have an excel grid of droppables and a orphan container of draggables.  The orphan container takes up 1/3 of the screen and is on top of the droppable excel grid in a fixed position so you can move around the droppable grid. I drag these items from the orphan container to a droppable bucket behind it.  If I barely drag an item in the orphan container it sometimes goes behind it to the droppable containers and gets inserted.  Is there a way not to do that, and just stay in the orphan container if it wasnt moved outside of it.</p>
  
  <p>The image below shows the orphan container called unscheduled games.  If I barely drag the B1 vs B2, it gets dropped in a smaller container behind it instead of staying in the orphan container.  So it looks like it just disappears.</p>
  
  <p><img src="https://i.stack.imgur.com/DUp9F.jpg" alt="enter image description here"></p>
  
  <p><strong>Update:</strong></p>
  
  <p>I noticed that both my droppables "drop" event are being hit.  The orphan container gets hit, and then the second one gets hit, and the second one accepts it.</p>