I just posted a test script.  Just realized that IE8 fails as well...
maybe it's just how it is...

<html>
<head>
  <title>mouseenter/mouseleave test</title>
  <script src="js/prototype.js" type="text/javascript"></script>
<script>
function addToConsole(consoleDiv, msg) {
  msgE = new Element('div');
  msgE.update(msg);
  consoleDiv.insert({top: msgE});
}
Event.observe(window, 'load', function() {
  var consoleDiv = $('console');
  $('test1').observe('mouseenter', function() {
    addToConsole(consoleDiv, 'mouseenter');
  });
  $('test1').observe('mouseleave', function() {
    addToConsole(consoleDiv, 'mouseleave');
  });
  $('test1').observe('click', function() {
    $('test1').remove();
  });
});
</script>
</head>
<body>
  <table>
    <tr>
      <td>
        <div style="width: 300px; height: 150px;">
        <div id="test1" style="width: 300px; height: 150px; border:
1px solid black; text-align: center">
          <h3>Mouse Box</h3>
          <p>Click to remove</p>
        </div>
        </div>
        <h3>Console:</h3>
        <div id="console" style="width: 300px; height: 300px; border:
1px solid gray; overflow: auto">
        </div>
      </td>
      <td valign="top" style="padding-left: 20px">
        <h1>Notes:</h1>
        <h2>Firefox, IE8, Chrome (Fail):</h2>
        <ul>
          <li>Clicking on any part of the mouse box will not fire a
mouseleave.</li>
        </ul>
        <h2>Safari (Partial Fail):</h2>
        <ul>
          <li>Clicking on "Click to remove" or "Mouse Box" will not
fire a mouseleave.  However, any other part of the mouse box will fire
properly.</li>
        </ul>
      </td>
    </tr>
  </table>
</body>
</html>


On Aug 26, 3:01 pm, Simon Charette <charett...@gmail.com> wrote:
> Can you provide a test case, it would make it easier to test on our side.
>
> It looks rather like a browser issue due to the way mouse events are handled
> than a Prototype problem to me.
>
> 2009/8/26 Ngan <nganp...@gmail.com>
>
>
>
>
>
> > I'm only having problems with mouseleave (mouseenter doesn't concern
> > me as much).  If an element is resized to be smaller and the mouse is
> > no longer over the element, the element fails to fire a "mouseleave"
> > event.  I've tested this in FF 3.5x, Safari 4.0.3, and IE8.  IE8 works
> > properly, but FF and Safari does not.
>
> > Is this a bug? or how it's suppose to be?
>
> > Thanks!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Prototype: Core" group.
To post to this group, send email to prototype-core@googlegroups.com
To unsubscribe from this group, send email to 
prototype-core-unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/prototype-core?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to