[PhillyOnRails] Scriptaculous Drag & Drop Problem

[meara@alumni.princeton.edu (Erin Mulder)]

Okay, here's a puzzle for all you Javascript/CSS/AJAX folks.

I'm using the scriptaculous javascript libs that ship with Rails and am
having trouble making drag and drop work across scrollable divs.
(Others have had the same problem, but nobody's found a perfect solution
yet.  That's where you come in!)

Attached is a zip file with the latest script libraries and a page that
demonstrates the problem.

In the default behavior, if I create a draggable inside a scrollable
(overflow:auto) div and then try to drag it, it just expands the size of
the div and doesn't let the draggable out of it.

If I turn on ghosting, that helps a little, but the draggable ends up
behind the target div instead of in front of it.  Plus, there is a lot
of flickering during the revert.

In my ideal situation, I want to have two scrollable divs side by side.
The one on the left will display schedulable content. The one on the
right will display time slots.  Users will be able to schedule content
by dragging content from the left into a particular time slot on the
schedule.

Free pizza and accolades for anyone who can solve this!

Cheers,
Erin

-------------- next part --------------
A non-text attachment was scrubbed...
Name: dnd-trouble.zip
Type: application/zip
Size: 32838 bytes
Desc: not available
Url : http://princetongames.org/pipermail/phillyonrails/attachments/20051012/695df2a8/dnd-trouble-0001.zip