Hello all,

I am stuck here with a problem.

There's a scrollable div on a page (overflow-y: scroll) with
draggables inside, I will call them draggables type A for the sake of
simplicity. There's a droppable area for draggables of type A.
Dragging these from inside the scrollable area works perfectly well,
and they are visible.

There are also draggables of type B in another div, and I need to
enable dropping them to the same scrollable div which contains
draggables of type A. I declare this scrollable div as a droppable for
draggables of type B, and I can drag & drop them, no problem here.
But! As soon as this div is declared as a droppable area, dragging of
draggables of type A changes - they are not visible when they are
outside of their scrollable parent div, though they can be dropped.

Setting overflow to 'none' fixes the issue, but I need that scrolling.

I've been googling, but to no avail.

I tried

  starteffect: function(e){
    e.setStyle({'position':'absolute', 'z-index': 1001});

but it doesn't change anything.

What am I missing? I would appreciate any hints.

I am using Prototype 1.6.1, scriptaculous 1.8.3, testing it in Safari
5.0 and Firefox 3.6.6

Best regards,
Yuri Leikind

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptacul...@googlegroups.com.
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to