Estoy tratando de hacer un software de arrastrar y soltar usando jQuery arrastrable y extensión de colisión jQuery.

Tengo dos obstáculos [en Rojo] donde no puedo arrastrar ningún elemento. El problema es que no puedo arrastrar ningún elemento incluso cuando no hay obstáculos.

Aquí está mi problema https://jsfiddle.net/ayank007/gqd3z0cp/28/ En este ejemplo, asumo 1 pie = 13.75px, que también es el tamaño de la cuadrícula.

 $(".obj3").draggable({ grid: [13.75,13.75], snap: true, snapTolerance: 0, obstacle: ".butNotHere", preventCollision: true, containment: "parent" })

Incluso sin Grid y Snapping, no es posible arrastrar el elemento.

Quiero arrastrar el div verde entre los obstáculos (rojo). Y aunque hay espacio para arrastrar, no puedo arrastrar el div verde entre los rojos.