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 bug
25282 (bug
12885 with a repaint container)
</title>
5 <style type=
"text/css">
10 transform: translateZ
(0);
12 div
.outer
{ position: absolute
; }
13 div
.wide
{ width: 100px; height: 50px; }
14 div
.narrow
{ width: 50px; }
15 div
.tall
{ width: 50px; height: 100px; }
16 div
.short
{ height: 50px; width: 50px; }
17 #main-content { float: left
; width: 100px; height: 80px; }
18 #target3 { display: none
; clear: both
; height: 20px; background: green
; }
21 if (window
.testRunner
)
22 testRunner
.waitUntilDone();
24 function repaintTest()
26 document
.getElementById('target1').style
.width
= 'auto';
27 document
.getElementById('target2').style
.height
= 'auto';
28 document
.getElementById('target3').style
.display
= 'block';
30 if (window
.testRunner
)
31 testRunner
.notifyDone();
34 function runRepaintTest()
36 setTimeout(repaintTest
, 0);
40 <body onload=
"runRepaintTest();">
43 <div class=
"outer" style=
"border: medium solid green; top: 8px; height: 100px;">
44 <div class=
"narrow" id=
"target1">
45 <div class=
"wide"></div>
49 <div class=
"outer" style=
"border: medium solid green; top: 158px; width: 100px;">
50 <div class=
"short" id=
"target2">
51 <div class=
"tall"></div>
55 <div class=
"outer" style=
"top: 308px;">
56 <div style=
"background: green;">
57 <div style=
"position: relative;">
58 <div id=
"main-content">
61 <div id=
"target3"></div>