I've search round and round, from original protoculous trac to github wiki, but seems to be no one has came up with solution for this issue.
I created a draggables and dropable which is a relatively positioned <div> wrapped inside fixed positioned <div>. The code is working fine in Firefox, but behave strangely in webkit, when the page is scrolled down, the droppable is no longer recognize the draggable. Apparently the topOffset of the draggable is not calculated, but since I'm a newbie with this protoculous, I've no idea where should the patch applied. ps : I also don;t know how should I attach the file, so I just paste it below.. sorry for them mess caused.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title></title> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js"></script> <script type="text/javascript"> document.observe("dom:loaded", function() { new Draggable('draggable1', {revert:true}); new Draggable('draggable2', {revert:true}); Droppables.add('fixedDroppable', {accept: 'draggable', hoverclass:'onReadyDrop', onDrop: function() { alert("dropped"); } }); }); </script> <style type="text/css"> .onReadyDrop{ background-color:green; } #droppableWrapper { position:fixed; bottom:0px; right:0px; width:100px; height:100px; background-color:Gray; } #fixedDroppable { margin:5px; width:90px; height:90px; background-color:gainsboro; } #absoluteDroppable { position:absolute; bottom:0px; right:0px; width:100px; height:100px; background-color:Green; } .draggable { width:100px; height:100px; background-color:Aqua; } </style> </head> <body> <div id="absoluteDroppable"><b>NOT</b> a Droppable</div> <div id="droppableWrapper"><div id="fixedDroppable">Droppable</div></ div> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> <div id="draggable1" class="draggable"></div> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> 1<br /> 2<br /> 3<br /> 4<br /> 5<br /> <div id="draggable2" class="draggable"></div> </body> </html> --~--~---------~--~----~------------~-------~--~----~ 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-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
