Droppable behind a non-droppable.

Droppable behind a non-droppable.

I have a a droppable region that gets partially covered by a plain div. When I drag a draggable over an area of the plain div that covers the droppable and release, the droppable is triggered.

Is there a way to prevent the droppable from triggering when the drop happens over the portion of the droppable that is behind the plain div?

Here is a fiddle which demonstrates the problem:  https://jsfiddle.net/m2wqaccL/5/