I actually had the exact same problem with the Draggables and Droppables
If you add {ghosting:true} to the options then Draggables will create a
copy of the DIV and attach it to the body element, (outside the containing
scrolling div) - but the downside is when you drop it you have to recreate
the div in the new drop zone
you also need to add
"revert" : function(e){
e.style.position = "relative";
e.style.zIndex = '';
return false;
},
to the Draggables so when it reverts and goes back to the draggable list
the styles are not all screwed up
I've updated the jsfiddle with the changes I've suggested
http://jsfiddle.net/nB8PC/3/
take a look and see if that works for you
Jason Westbrook | T: 313-799-3770 | [email protected]
On Tue, May 7, 2013 at 4:30 AM, <[email protected]> wrote:
> I have created two divs. One is for draggable objects. Another for the
> area where they should be dropped.
> The both divs should have the same height and if there are large number of
> draggables to have scrollbar.
>
> When I add *overflow: scroll* to the div with draggable objects, then
> drag-and-drop functionality is screwed up.
> Please see an example here http://jsfiddle.net/nB8PC/1/
> To reproduce my issue just enable *overflow:scroll* in CSS window (upper
> right, it is commented out) and run the script again.
>
> Is there any solution for it?
>
> --
> You received this message because you are subscribed to the Google Groups
> "Prototype & script.aculo.us" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To post to this group, send email to
> [email protected].
> Visit this group at
> http://groups.google.com/group/prototype-scriptaculous?hl=en.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
