seanodonnell
2007-Dec-03 17:52 UTC
Problem with draggables in a list with overflow:scroll set
Hi There, hoping someone out there can help. I have the following page set up to illustrate the problem. http://blog.odonnell.nu/problem.html I have a list of divs in a ul, and I want to drag them over a table, creating a new td every time one is dropped. That much is working fine. The problem is that I expect my list to get quite long, so I set overflow:scroll for it. As soon as I did that, the dragables started to go under the other controls on the page (you can see this is the example above). Take overflow:scroll out again and it works perfectly. I have tried with ghosting on and off, tried manually setting z index values, but I think that overflow:scroll is somehow placing the list in a different stacking context, and scriptaculous doesnt seem to be able to cope. Anyone have any ideas? Thanks Sean --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---
Sean O''Donnell
2007-Dec-03 18:22 UTC
Re: Problem with draggables in a list with overflow:scroll set
Definately seems stack context related, If I reverse the order of the page so the drop area is first, it starts working. However if I then change the ul to be absolutely or relatively positioned, the problem comes back (slightly worse, as now the draggable dissapears under the lists own scrollbars) seanodonnell wrote:> Hi There, hoping someone out there can help. > > I have the following page set up to illustrate the problem. > > http://blog.odonnell.nu/problem.html > > I have a list of divs in a ul, and I want to drag them over a table, > creating a new td every time one is dropped. That much is working > fine. The problem is that I expect my list to get quite long, so I set > overflow:scroll for it. As soon as I did that, the dragables started > to go under the other controls on the page (you can see this is the > example above). Take overflow:scroll out again and it works > perfectly. > I have tried with ghosting on and off, tried manually setting z index > values, but I think that overflow:scroll is somehow placing the list > in a different stacking context, and scriptaculous doesnt seem to be > able to cope. > > > Anyone have any ideas? > > Thanks > > Sean--~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---