Jquery arrastável dentro do problema de estouro do plugin niceScroll

Question

Olá, tenho uma lista de itens arrastáveis ​​​​que precisam ser colocados em uma div diferente.

Estou usando o plugin jquery niceScroll e não consigo arrastar objetos 'para fora' do niceScroll e acho que tem algo a ver com o estouro estar oculto, mas não consigo fazê-lo funcionar.

O evento drop é acionado quando eu solto o mouse sobre o div que pode ser solto.

Eu tenho

//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");
    }
});

Veja isso : http://jsfiddle.net/BYK4J/2/

Obrigado!

Answer 1

Tente fazer um clone e anexá-lo ao body:

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

VIOLINO

Confira a documentação do appendTo(): API JQuery UI.

AppendTo designa a qual elemento o auxiliar arrastável deve ser anexado ao arrastar.Por padrão, isso é definido como o elemento pai.

ATUALIZAR:

Descobri uma maneira de obter a funcionalidade desejada em congruência com o plugin de rolagem agradável.Quando o elemento é arrastado, ele define o elemento original como visibility:hidden então o local ainda é preservado e quando o item é descartado ele reverte o visibility.Aqui está o violino atualizado.