Question

When the user inadvertently double clicks on the table rows or anchors in the example below using Firefox, the Grow effect is stopped and the page becomes unusable. Any suggestions as to how to force Firefox to ignore the double clicks? I tried using Prototype’s Stop.event and that didn’t seem to help.

<table border=1>
<tr onclick="Effect.Grow('floater');">
    <td>Some Text</td>
    <td><a href="#" onclick = "Effect.Grow('floater');return false;">1</a></td>
    <td><a href="#" onclick = "Effect.Grow('floater');return false;">2</a></td>
</tr>

</table>

<div id = "floater" style="display:none;width:100%;height:100%;background-color:red">
<a href="#" onClick="Effect.Shrink('floater');return false;">close floater</a><div> 

Answer 1

The problem is that script.aculo.us or Prototype handles the double click as a normal click, firing the Grow effect a second time and destroys the positioning of the element.
With a simple patch (see below) of scriptaculous.js (1.8.2), I got it working, but it is more of a quick-and-dirty-fix for your specific problem:

760,763d759
<   if(element.growing){
<   return;
<   }
<   element.growing=true;
829d824
<                element.growing=false;