| OLD | NEW |
| (Empty) |
| 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 type="text/css"> | |
| 6 #p { | |
| 7 position: relative; | |
| 8 left: -100px; | |
| 9 margin-left: 100px; | |
| 10 } | |
| 11 #t { | |
| 12 display: none; | |
| 13 position: absolute; | |
| 14 width: 100px; | |
| 15 height: 100px; | |
| 16 background: green; | |
| 17 } | |
| 18 </style> | |
| 19 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | |
| 20 <script type="text/javascript"> | |
| 21 function repaintTest() | |
| 22 { | |
| 23 document.getElementById('t').style.display='block'; | |
| 24 } | |
| 25 </script> | |
| 26 </head> | |
| 27 <body onload="runRepaintAndPixelTest();"> | |
| 28 <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=7235">Bugzill
a bug 7235</a> Pure CSS Tooltips method renders wrong and creates artifacts</p> | |
| 29 | |
| 30 <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</
b> | |
| 31 The square should change to solid green. | |
| 32 </p> | |
| 33 | |
| 34 <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b>
| |
| 35 The square will remain red and will only change to green when the window is resi
zed, scrolled or otherwise repainted. | |
| 36 </p> | |
| 37 | |
| 38 <p> | |
| 39 </p> | |
| 40 <span id="p"> <div id="t"></div></span> | |
| 41 <div style="width: 100px; height: 100px; background: red;"></div> | |
| 42 | |
| 43 </body> | |
| 44 </html> | |
| OLD | NEW |