1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en">
4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=
12885</title>
5 <style type=
"text/css">
6 div
.wide
{ width: 100px; height: 50px; }
7 div
.narrow
{ width: 50px; }
8 div
.tall
{ width: 50px; height: 100px; }
9 div
.short
{ height: 50px; width: 50px; }
10 #main-content { float: left
; width: 100px; height: 80px; }
11 #target3 { display: none
; clear: both
; height: 20px; background: green
; }
13 <script src=
"resources/text-based-repaint.js" type=
"text/javascript"></script>
15 function repaintTest()
17 document
.getElementById('target1').style
.width
= '';
18 document
.getElementById('target2').style
.height
= '';
19 document
.getElementById('target3').style
.display
= '';
23 <body onload=
"runRepaintTest();">
24 <div style=
"position: absolute; border: medium solid green; top: 8px; height: 100px;">
25 <div class=
"narrow" id=
"target1" style=
"width: auto;">
26 <div class=
"wide"></div>
30 <div style=
"position: absolute; border: medium solid green; top: 158px; width: 100px;">
31 <div class=
"short" id=
"target2" style=
"height: auto;">
32 <div class=
"tall"></div>
36 <div style=
"position: absolute; top: 308px;">
37 <div style=
"background: green;">
38 <div style=
"position: relative;">
39 <div id=
"main-content">
42 <div id=
"target3" style=
"display: block;"></div>