Sastan,
A child element of an element that is set to overflow will render a
scrollbar and/or hide the child element as it moves outside of the
parent element's height and width. This, unfortunately, is just how
the DOM works.
You do have options although:
1. You avoid using an overflow div and avoid the entire problem by
rethinking your approach do something like Panic's DND cart
(http://www.panic.com/goods/)
2. You can implement scrolling/pagination programmatically like
flickr's organizer (http://www.flickr.com/tools/organizr.gne)
3. You can spawn, via an onclick event, a new element as a temporary
proxy that you attach to a "non-overfowed" element, like the body, and
make it a draggable at the same moment.
The latter will require you to stare a little at the draggable init
code to properly interface with it. I have done this myself, so I
could dig up some code for you, but I don't recommend it at the least.
A spawnDraggable-like implemenation will likely be incompatible with
future releases of MochKit.
I do recommend you try one of the former options and if you end up
implementing your own scrolling/pagination mechanism (like flickr did)
rather than relying on the DOMs, you will set yourself up for solving
other problems like dynamic loading while paginating which you likely
run into later in your development process anyways. With your own
scrolling/pagination implementation you'll be half way there _and_
you'll avoid the problems of, depending on browsers on oses (like
firefox on OSX), a scrollbar actually rendering on top of your
draggable div and looking like crap among other things.
Cheers,
Ken
On 12/29/06, sastan <[EMAIL PROTECTED]> wrote:
Hello,
i try to implement two list boxes with items drag'n'drop between
eachother. This works very well. But if i add overflow to both boxes i
get a strange error. You can drag an element but it is not visible
outside of the box and the overflow gains the box area. I can still
point the mouse over the other box and drop the element. But i do not
see the dragged element outside of his box.
Here is the css code:
ul {
height:100px;
width: 180px;
overflow:auto;
}
I need to define a height because there are more than 100 elements for
each box.
Thanks for your help.
sastan
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/mochikit?hl=en
-~----------~----~----~----~------~----~------~--~---
