Hi

I'm using a html list to sort my picture gallery in wysiwyg style. (it uses jquery ui sortable automatically)

this works pretty fine for 30 thumbnails. The thumbnails snaps directly into its place with an little animation.

For more than 100 items(rows) when i drag an object and drop it it hangs at its position for 2 seconds (in firefox) and is then immediatly on its place whitout an animation.

this is only when i drop it to a new position. at its previous position it snaps directly with its animation.

tried cross browsers:
firefox: hangs 2 seconds, no snap animation
internet explorer 9 : hangs ~1 second, no snap animation
internet explorer 7: hangs 2 seconds, no snap animation
chrome: hangs 1 second, no snap animation
safari: hangs less than a second, than snaps animated to its place

maybe anybody knows why this is why it is. Also maybe someone could increase the performance. If thats not possible it would be nice to have at least a tiny loading animation gif and the working snap-to-its-place-animation.

Comments

medden’s picture

medden commented

Can anyone else replicate this problem?

ygerasimov’s picture

ygerasimov commented
Status: Active » Fixed

I believe this is performance problem of jquery ui.sortable (like http://stackoverflow.com/questions/5873840/applying-jquery-ui-sortable-t... etc.).

I have tested 100 nodes and haven't noticed delay (chrome 17, firefox 11). For 200 nodes delay is about 1-2 seconds but I hope it shouldn't be a problem.

MickL’s picture

MickL commented
Status: Fixed » Active

your link refers to an issue that describes a lag on page load. this issue is about lags on drag n drop.

ygerasimov’s picture

ygerasimov commented
Status: Active » Closed (won't fix)

@benchi, the problem of this lag is out of scope of this module. Please check what possibly better arguments can be sent to .sortable method that will speed up the drag and drop.