Extraño problema con jQuery UI: Draggable y Sortable... [GIF de Reproducción]

[crash1912]

Estoy desarrollando una pequeña aplicación online en la que necesito usar varias funciones de jquery ui, entre ellas draggable y sortable:

- Algunos elementos draggable con la función "clone" que irán a parar a listas sortables.

El problema está principalmente en los elementos draggable al sacarlos de la capa definida como contenedor... el helper se distancia del mouse, lo cual cuando hay que andar desplazándose por la pantalla acaba siendo una molestia...

He publicado un simple ejemplo en JSFIDDLE a ver si alguien puede decirme QUÉ ESTOY HACIENDO MAL...




JSFIDDLE: https://jsfiddle.net/oooer0hp/1/

Ayuda por favor

PD. containment: "parent", no me vale ya que normalmente los elementos draggables están en otro div y en ese caso no podría sacarlos...

[NueveReinas]

Tienes que añadirle la clase sortable.

https://jsfiddle.net/oooer0hp/5/

[crash1912]

Iniciado por NueveReinas

Tienes que añadirle la clase sortable.

https://jsfiddle.net/oooer0hp/5/

Gracias por tu respuesta, pero...

En tu ejemplo, el fallo sigue sucediendo igual, al arrastrar el elemento draggable tal y como ves en el gif:



El elemento en cuestión, sigue alejándose del puntero del mouse...

[NueveReinas]

¿Y si cambias a cursor:move;?

En realidad no veo el problema porque haya distancia entre el elemento y el puntero, si sabes que lo estás moviendo...

[crash1912]

Iniciado por NueveReinas

¿Y si cambias a cursor:move;?

En realidad no veo el problema porque haya distancia entre el elemento y el puntero, si sabes que lo estás moviendo...

Eso solo cambiará el aspecto del cursor.

Problema viene cuando hay más de 20 listas y más de 200 objetos draggables, en cualquier caso, incluso con 2 o 3, no está bien, no es correcto.