Skip to content

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

@nathanaelle

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>

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