Bug Tracker

Ticket #6013: HTMLPage.htm

File HTMLPage.htm, 2.0 KB (added by marcstober, 10 years ago)
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4    <title></title>
5
6    <script type="text/javascript" src="jquery-1.4.1.js"></script>
7
8    <script type="text/javascript">
9        $(function() {
10        $("#theDiv").hover(null, function() { $("#debug").append(" outDiv "); });
11        $("#theUl").hover(null, function() { $("#debug").append(" outUl "); });
12    });
13    </script>
14
15</head>
16<body>
17    <ul style="height: 200px; width: 200px; border: solid 3px black; overflow-y: auto" id="theUl">
18        <li>foo</li>
19        <li>foo</li>
20        <li>foo</li>
21        <li>foo</li>
22        <li>foo</li>
23        <li>foo</li>
24        <li>foo</li>
25        <li>foo</li>
26        <li>foo</li>
27        <li>foo</li>
28        <li>foo</li>
29        <li>foo</li>
30    </ul>
31
32    <div style="height: 200px; width: 200px; border: solid 3px black; overflow-y: auto" id="theDiv">
33        <p>foo</p>
34        <p>foo</p>
35        <p>foo</p>
36        <p>foo</p>
37        <p>foo</p>
38        <p>foo</p>
39        <p>foo</p>
40        <p>foo</p>
41        <p>foo</p>
42        <p>foo</p>
43        <p>foo</p>
44        <p>foo</p>
45    </div>
46
47    <div id="debug" style="color: Red">
48    </div>
49    <p>
50        Hover over the scrollbar of the list (UL element - first box). I do NOT expect the hover out event to fire, however it
51        does in FF 3.5.7 (at least) with jQuery 1.4.1.</p>
52    <p>
53        With jQuery 1.3.2 this works as expected (hover out event does not fire until you
54        have moved past the scrollbar and the border of the list). Also, it works as expected with a DIV instead of UL (second box).</p>
55    <p>
56        This is especially problematic using the code when the hover-out code hides the
57        div, such as if you want a drop-down menu (with enough items to required scrolling)
58        to disappear when you move the mouse off of it.</p>
59</body>
60</html>