Skip to content

Commit 1ac9aa4

Browse files
joshvarnergnarf
authored andcommitted
Mouse: Adding visual test for issue #6946 - Mouse: click event suppressed after drag in Gecko
1 parent 0680b59 commit 1ac9aa4

File tree

1 file changed

+67
-0
lines changed

1 file changed

+67
-0
lines changed
Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset=utf-8 />
5+
<title>Test for Issue #6946</title>
6+
<link rel="stylesheet" href="../all.css" type="text/css">
7+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" />
8+
<script type="text/javascript" src="../../../jquery-1.4.4.js"></script>
9+
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
10+
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
11+
<script type="text/javascript" src="../../../ui/jquery.ui.mouse.js"></script>
12+
<script type="text/javascript" src="../../../ui/jquery.ui.sortable.js"></script>
13+
<style type="text/css" media="screen">
14+
15+
body {
16+
background: white;
17+
font-size: 90%;
18+
}
19+
.error {
20+
color: #f55;
21+
font-style: italic;
22+
}
23+
#sortable div:hover {
24+
cursor: move;
25+
}
26+
27+
</style>
28+
</head>
29+
<body>
30+
<h1>Test for Issue #6946</h1>
31+
<p>Use the following list to test the steps listed below:</p>
32+
<div id="sortable">
33+
<div>One</div>
34+
<div>Two</div>
35+
<div>Three</div>
36+
</div>
37+
<div id="events"></div>
38+
<h2>Expected</h2>
39+
<ol>
40+
<li>Drag an item to a new position in the list and release.</li>
41+
<li>The click event should be received (appropriately suppressed by jQuery UI).</li>
42+
<li>Click the same item.</li>
43+
<li>The click event should be received.</li>
44+
<li>Click the same item again.</li>
45+
<li>The click event should be received.</li>
46+
</ol>
47+
<h2>Experienced (Gecko/Opera)</h2>
48+
<ol>
49+
<li>Drag an item to a new position in the list and release.</li>
50+
<li>The click event is not received <em>(never sent by browser)</em>.</li>
51+
<li>Click the same item.</li>
52+
<li class="error">The click event is not received (erroneously suppressed by jQuery UI).</li>
53+
<li>Click the same item again.</li>
54+
<li>The click event is finally received.</li>
55+
</ol>
56+
<script type="text/javascript">
57+
58+
$(function () {
59+
$('#sortable').sortable();
60+
$('#sortable').bind('click', function () {
61+
$('#events').append('Click event received!<br />');
62+
});
63+
});
64+
65+
</script>
66+
</body>
67+
</html>

0 commit comments

Comments
 (0)