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 div.test { vertical-align: top; width: 200px; height: 120px; border: 1px sol
id blue; padding: 10px; } | |
7 </style> | |
8 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | |
9 <script type="text/javascript"> | |
10 function repaintTest() | |
11 { | |
12 document.getElementById('a').style.height = '40px'; | |
13 document.getElementById('b').style.height = '60px'; | |
14 } | |
15 </script> | |
16 </head> | |
17 <body onload="runRepaintAndPixelTest();"> | |
18 <p> | |
19 Repaint test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=10699">h
ttp://bugs.webkit.org/show_bug.cgi?id=10699</a> | |
20 div with border-radius does not redraw properly if element inside div is res
ized</i>. | |
21 </p> | |
22 <div class="test"> | |
23 <div style="background: teal; padding: 0; border: solid red 4px; -webkit-bor
der-radius: 12px;"> | |
24 <div id="a" style="height: 60px; margin: 10px; background:silver;"></div
> | |
25 </div> | |
26 </div> | |
27 <br> | |
28 <div class="test"> | |
29 <div style="background: teal; padding: 0; border: solid red 4px; -webkit-bor
der-radius: 12px;"> | |
30 <div id="b" style="height: 40px; margin: 10px; background:silver;"></div
> | |
31 </div> | |
32 </div> | |
33 </body> | |
34 </html> | |
OLD | NEW |