| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| "http://www.w3.org/TR/html4/strict.dtd"> |
| <html lang="en"> |
| <head> |
| <style type="text/css"> |
| #p { |
| position: relative; |
| left: -100px; |
| margin-left: 100px; |
| } |
| #t { |
| display: none; |
| position: absolute; |
| width: 100px; |
| height: 100px; |
| background: green; |
| } |
| </style> |
| <script type="text/javascript"> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| function runTest() |
| { |
| document.getElementById('t').style.display='block'; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| <body onload="setTimeout(runTest, 0);"> |
| <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=7235">Bugzilla bug 7235</a> Pure CSS Tooltips method renders wrong and creates artifacts</p> |
| |
| <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> |
| The square should change to solid green. |
| </p> |
| |
| <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> |
| The square will remain red and will only change to green when the window is resized, scrolled or otherwise repainted. |
| </p> |
| |
| <p> |
| </p> |
| <span id="p"> <div id="t"></div></span> |
| <div style="width: 100px; height: 100px; background: red;"></div> |
| |
| </body> |
| </html> |
