sortable: no visual refresh during dragging?
Hi there,
I'm having a slight problem with an implementation of sortable on one of
our site. I have a viewport of horizontal thumbnails that we need to be
sortable. Using sortable works perfectly BUT, when we drag an element to
sort there is no visual update untill the user stops his mouse for a
while.
I'm not sure what the problem is exactly but I suspect sortable tries to
update the display too often and leaves no time for the browser to
actually refresh. I guess the frequency of the updates are tied to the
mousemove events within the browser.
The reason I was thinking that is that I added some console.trace() in
firebug to see what was going on. As these traces slowed the overall
responsiveness, the visual effect of the sortable actually became nicer
with more visual updates.
Note also that when the option smooth is on, the final animation always
displays nicely (independant of the mousemove event). Only the dragging
gives no visual refresh.
Also, the profiler of firebug reveals that dragging one element one
position to the left amongst a panel of only 3 elements (roughly taking
2 seconds) leads to a HUGE number of function calls within jQuery, in
particular 'css' (2639 calls) and 'curCSS' (4242 calls). According to
the profiler, around 50% of the execution time of this one sort
operation is spent in the curCSS function.
Has anyone else encountered this problem? Is there any way to make the
sortable use a custom interval for refresh instead of using the
mousemove event?
Thanks,
Tim.