Nested sortables intersection detection
Hi!
My question in related to this bug report: http://ui.jquery.com/bugs/ticket/3655
I'm wondering if there are any workarounds for it.
Right now, when dragging a <li> around, the reaction of the lists is
hard to predict and you often have to 'wiggle' to insert the <li> at
the place you want. Also, while dragging, the movement of the lists
(making room for the li to drop) often causes the li to be above
another list, triggering another movement, etc, which results in a
nasty flickering.
I would like to have a calm and smooth user interface (who doesn't!) I
believe the intersection detection code does not behave the way it
should, so I don't think the issue above is 'minor'. When the mouse
pointer is above the inside <ul>, it is often not detected as being
over a connected list. This problem goes away when reversing the
selectors of the 'connectedWith' parameter, but it also reverses the
problem, making it hard to drop <li>s on the outside <ol>.
To demonstrate the problem, here's a demo of my code: http://code.tupil.com/voting/
and you can also download it from http://github.com/eelco/voting/
(it's a Haskell application, but you can just open the view.html file
in the Voting/ dir)
I would love to hear about a way to solve the problem. I'm not
attached to using sortables (for the <ul> the order doesn't even
matter), so if there's another nice way to achieve a similar
interface, that would be great too.
--
Regards,
Eelco Lempsink