|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
2 "http://www.w3.org/TR/html4/strict.dtd"> |
|
3 <html lang="en"> |
|
4 <head> |
|
5 <style> |
|
6 div { width: 60px; text-align: center; |
|
7 position: relative; } |
|
8 div#a { background: green; } |
|
9 div#b { background: yellow; } |
|
10 div#a:hover { background: red; } |
|
11 div#b:hover { background: green; } |
|
12 span#c:hover { color: red; } |
|
13 </style> |
|
14 </head> |
|
15 <body> |
|
16 <p><b>BUG ID:</b> <a href="http://bugs.webkit.org/show_bug.cgi?id=6821">Bugzilla bug 6821</a> Fix for 5983 will not always update hover correctly.</p> |
|
17 |
|
18 <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> |
|
19 Move the mouse over the text “Hover here” until it disappears and “Wait” appears, then DO NOT MOVE the mouse |
|
20 until the end of the test. |
|
21 </p> |
|
22 |
|
23 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> |
|
24 After a second, you should see “Only green now” over a green background. |
|
25 No other colors should be visible. |
|
26 </p> |
|
27 |
|
28 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> |
|
29 “Only green now” will appear over a yellow background with a red |
|
30 rect at the top. If you move the mouse over the background, the colors will |
|
31 change to green eventually. |
|
32 </p> |
|
33 |
|
34 <hr> |
|
35 |
|
36 <script type="text/javascript"> |
|
37 function hideC() |
|
38 { |
|
39 c.style.display = 'none'; |
|
40 } |
|
41 |
|
42 function hoveredC() |
|
43 { |
|
44 window.setTimeout(hideC, 1000); |
|
45 } |
|
46 |
|
47 </script> |
|
48 |
|
49 <div id="a"> |
|
50 <div style="height: 20px;"></div> |
|
51 <span id="c" onmouseover="hoveredC()">Hover here<br><span style="background: black;"> Wait </span></span> |
|
52 </div> |
|
53 <div id="b"> |
|
54 Only green now |
|
55 </div> |
|
56 </body> |
|
57 </html> |