JQuery Draggable dentro del problema del desbordamiento del complemento NicesCroll

Question

Hola, tengo una lista de elementos que son arrastrables que necesitan caer en un div.

Estoy usando el complemento jQuery Nicescroll y no puedo arrastrar a los objetos al exterior de Nicescroll y creo que tiene algo que ver con el desbordamiento oculto, pero no puedo hacer que funcione.

El evento de caída se dispara cuando solté el mouse sobre el Divpable Div.

tengo

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

mira esto : http://jsfiddle.net/byk4j/2/

¡Gracias!

Answer 1

Intente hacer un clon y agregarlo al body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

VIOLÍN

Consulte la documentación appendTo (): JQuery UI API.

AppendTo designa a qué elemento se debe agregar el ayudante arrastrable mientras se arrastra. Por defecto, esto se establece en Elements Parent.

ACTUALIZAR:

Descubrí una forma de lograr la funcionalidad que deseaba en congruencia con el buen complemento de desplazamiento. Cuando se arrastra el elemento establece el elemento original en visibility:hidden Por lo tanto, el lugar todavía se conserva y luego, cuando se deja caer el artículo, revierte el visibility. Aquí esta la violín actualizado.