jQuery sortable with Scroller

FlorentDesc

Hi =)

I use the Scroller extension that uses a deferred rendering.

I want to make it sortable() (with sortable jQuery-UI plugin).

The issue is that when I drag an element and want to drop it far away lower, the first nodes of the table disappears from the DOM and the new ones appears. So I'm no longer able to drop the dragged element.

An exemple is better than long texts : http://jsfiddle.net/91dr6utg/

If I drag the fist element, I can't drop it after the 90th element.

---

More information :

I did the start function to prevent that the dragged line disappears. Indeed, if the original node is removed from the DOM, the sortable plugin can no longer drop the element (it doesn't know it anymore). So I move it in another container of the DOM which is never updated.

If we remove this function, we'll see that the original node is removed approx fifty lines lower
=> Ok that comes from the DOM regeneration
BUT we can still drop the element until ninety line lower
=> because the next lines where never generated in the DOM, it's the limit

FlorentDesc

I found an answer ! Without using sortable() but draggable().

Here it is : http://jsfiddle.net/2dtcy9bs/1/

FlorentDesc

Hum ... The only problem now is on Firefox where everything is rubbish ...
On Chrome everything goes well.