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> 58
