Skip to content

race condition when aHide is false and event is hover #1

Description

@nathanaelle

context

several same-sized divs with float:left.
each div have a minitooltip associated with aHide set false.

step to reproduce

  1. when the cursor is over a div a tooltip appears.
  2. move the cursor from the div to the tooltip

explanation

when the cursor move from the div to the tooltip, the cursor may raise an event on visible part of the div under the tooltip.

| tooltip |
+---/----+
.....v....... <- this space is the danger zone because this div's tooltip raise randomly an hover event when the cursor is detected on it.
+---------+
| div |

demonstration code

<style>body p{float:left;border:1px solid #000;width:200px;height:200px;margin:0}</style>
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<script>
$(document).ready(function(){$("p").each(function(i,e){var t = $(this);t.miniTip({aHide:false,event:'hover',content:'['+i+']'});
});});</script>

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions