| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| "http://www.w3.org/TR/html4/strict.dtd"> |
| <html lang="en"> |
| <head> |
| <style> |
| div { width: 60px; text-align: center; |
| position: relative; } |
| div#a { background: green; } |
| div#b { background: yellow; } |
| div#a:hover { background: red; } |
| div#b:hover { background: green; } |
| span#c:hover { color: red; } |
| </style> |
| </head> |
| <body> |
| <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> |
| |
| <p id="test" style="background-color:skyblue; padding:3px;"><b>STEPS TO TEST:</b> |
| Move the mouse over the text “Hover here” until it disappears and “Wait” appears, then DO NOT MOVE the mouse |
| until the end of the test. |
| </p> |
| |
| <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> |
| After a second, you should see “Only green now” over a green background. |
| No other colors should be visible. |
| </p> |
| |
| <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> |
| “Only green now” will appear over a yellow background with a red |
| rect at the top. If you move the mouse over the background, the colors will |
| change to green eventually. |
| </p> |
| |
| <hr> |
| |
| <script type="text/javascript"> |
| function hideC() |
| { |
| c.style.display = 'none'; |
| } |
| |
| function hoveredC() |
| { |
| window.setTimeout(hideC, 1000); |
| } |
| |
| </script> |
| |
| <div id="a"> |
| <div style="height: 20px;"></div> |
| <span id="c" onmouseover="hoveredC()">Hover here<br><span style="background: black;"> Wait </span></span> |
| </div> |
| <div id="b"> |
| Only green now |
| </div> |
| </body> |
| </html> |
