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 |