Estoy tratando de crear múltiples droppables de jquery uno junto al otro donde algunas partes puedan superponerse, en estos casos quiero que la que está en la parte superior (en cuanto al índice z) sea codiciosa.

He intentado configurar elgreedy: true Opción en el dropable, pero esto no parece ayudar. También he tratado dereturn false en el evento drop y usadoevent.stopPropagation();.

Aquí hay unjsfiddle basado en elpágina de demostración de jQuery.

¿Hay alguna manera de evitar que el evento drop se propague si hay otro activable droppable, preferiblemente el que tiene el índice z más alto?