In short, if there are droppables inside a scrollable div (overflow
auto or scroll), all the 'hidden' divs in that scroll (not viewable
unless you scroll down to them) are still present as invisible drop
targets. Its kind of hard to explain, heres a simple example as i dont
know how to post code.
Theres a Scrolling div with height 1 line. It has 3 'lines' of divs in
it. Like:
<div style="overflow:auto; height: 1em">
<div id=l1> line1 </div>
<div id=l2> line2 </div>
<div id=l3> line3 </div>
</div>
<div id=dragme> Drag me </div>
So when it loads only "line1" is visible. Cool so far.
Then you make l1-l3 droppables and dragme a draggable.
The problem is "dragme" can be dropped onto line2 and line3, even when
they are not visible, just by letting go of the draggable underneath
the scrolling box.
You shouldnt be able to drop onto something that isn't supposed to be
there!
Its incredibly frustrating, ive tried just about everything to make it
work.I love the d&d functionality otherwise, its a great enhancement to
my app.
Anyone have any ideas?
It would be nice to have complete, simplified test case for this.
best,
thomas
--
Thomas Fuchs
wollzelle
questentier on AIM
madrobby on irc.freenode.net
http://www.fluxiom.com :: online digital asset management
http://script.aculo.us :: Web 2.0 JavaScript
http://mir.aculo.us :: Where no web developer has gone before
http://dev.rubyonrails.org/ticket/6776
cool. now ill just attach my test html file.