OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | |
4 <script type="text/javascript"> | |
5 function repaintTest() | |
6 { | |
7 var container = document.getElementById('container'); | |
8 container.style.top = "250px"; | |
9 } | |
10 </script> | |
11 <style type="text/css" media="screen"> | 3 <style type="text/css" media="screen"> |
12 #container { | 4 #container { |
13 position: absolute; | 5 position: absolute; |
14 left: 10px; | 6 left: 10px; |
15 top: 150px; | 7 top: 250px; |
16 width: 200px; | 8 width: 200px; |
17 height: 50px; | 9 height: 50px; |
18 } | 10 } |
19 .outlined { | 11 .outlined { |
20 outline: 10px solid green; | 12 outline: 10px solid green; |
21 height: 30px; | 13 height: 30px; |
22 background-color: #DDD; | 14 background-color: #DDD; |
23 } | 15 } |
24 | |
25 #underlay { | |
26 position: absolute; | |
27 top: 240px; | |
28 left: 0px; | |
29 width: 200px; | |
30 height: 30px; | |
31 border: 10px solid red; | |
32 } | |
33 </style> | 16 </style> |
34 </head> | 17 </head> |
35 <body onload="runRepaintTest();"> | 18 <body"> |
36 <p> | 19 <p> |
37 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.
cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a> | 20 This is a repaint test for <i><a href="https://bugs.webkit.org/show_bug.
cgi?id=22159">https://bugs.webkit.org/show_bug.cgi?id=22159</a> |
38 Repaint issue with outlines in child objects</i>. | 21 Repaint issue with outlines in child objects</i>. |
39 </p> | 22 </p> |
40 <p>If the test passes, you should not see any red below</p> | 23 <p>If the test passes, you should not see any red below</p> |
41 <hr> | 24 <hr> |
42 | 25 |
43 <div id="underlay"> | |
44 </div> | |
45 <div id="container"> | 26 <div id="container"> |
46 <div class="outlined"> | 27 <div class="outlined"> |
47 </div> | 28 </div> |
48 </div> | 29 </div> |
49 </body> | 30 </body> |
50 </html> | 31 </html> |
OLD | NEW |