ordenable y droppable, no se actualiza, cuando DOM lo hace?

Question

Estoy haciendo una interfaz de usuario que implica ordenables, en los que hay elementos de listas que se pueden eliminar. Aquí está un violín de la misma:

http://jsfiddle.net/NRkwx/

El problema es el siguiente: cuando se inicia la clasificación, y mueve el elemento de la lista alrededor, los droppables mueven demasiado, pero la zona que son lanzables que no lo hace . Puedes verlo moviendo algunos elementos de la lista. Notarás que si, por ejemplo, el droppable se mueve un paso hacia arriba, puede caer desde su posición original, no desde donde realmente reside.

¿Cómo podría actualizar el área de visualización? ¿Debo eliminar el droppable y agregarlo al sortable change?

Answer 1

¡Solución encontrada! Yo estaba pasando por la fuente de jQuery UI, y encontré esto:

//If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse. 
if(draggable.options.refreshPositions) $.ui.ddmanager.prepareOffsets(draggable, event); 

Luego he añadido esta opción para mi sortable:

refreshPositions: true