4 <title>Repaint test for http://bugs.webkit.org/show_bug.cgi?id=12123</title>
7 .test { direction: rtl; border: thin dotted lightgray; margin: 2px; height: 35px; }
8 .outer { border: thin solid purple; padding: 5px; width: 50px; margin-right: 50px; }
9 .outer > div { height: 10px; background-color: pink; }
10 .outer > div > div { width: 40px; height: 10px; background-color: lightblue; }
11 span { font-family: Ahem; color: blue; }
12 .box { display: -webkit-box; }
14 <script src="resources/repaint.js"></script>
16 function repaintTest()
18 for (i = 1; i < 15; ++i)
19 document.getElementById("spacer" + i).style.height = "6px";
23 <body onload="runRepaintTest()">
25 <div class="spacer" id="spacer1"></div>
28 <div style="float: right; margin-right: -2px;">
29 <span style="margin-right: -2px;">x</span>
36 <div class="spacer" id="spacer2"></div>
39 <div style="float: right; margin-right: -2px;">
40 <span style="margin-right: -8px;">x</span>
47 <div class="spacer" id="spacer3"></div>
50 <div style="float: right; margin-right: -8px;">
51 <span style="margin-right: -2px;">x</span>
58 <div class="spacer" id="spacer4"></div>
61 <div style="float: right;">
62 <span style="margin-right: -8px;">x</span>
69 <div class="spacer" id="spacer5"></div>
72 <div style="float: right; margin-right: -8px;">
80 <div class="spacer" id="spacer6"></div>
81 <div class="outer box" style="-webkit-box-orient: vertical;">
83 <div style="float: right; margin-right: -8px;">
91 <div class="spacer" id="spacer12"></div>
92 <div class="outer box" style="-webkit-box-orient: horizontal;">
94 <div style="float: right; margin-right: -8px;">
102 <div class="spacer" id="spacer7"></div>
103 <table class="outer">
105 <td style="height: 10px; background-color: pink; width: 100%;">
106 <div style="width: 40px; height: 10px; background-color: lightblue; float: right;">
107 <span style="margin-right: -4px;">x</span>
115 <div class="spacer" id="spacer8"></div>
116 <table class="outer">
118 <td style="height: 10px; background-color: pink; width: 100%;">
119 <div style="width: 40px; height: 10px; background-color: lightblue; float: right;">
120 <span style="margin-right: -12px;">x</span>
127 <div class="test" style="height: 50px;">
128 <div class="spacer" id="spacer14"></div>
129 <table class="outer" style="display: inline-table;">
131 <td style="height: 10px; background-color: pink; width: 100%;">
132 <div style="width: 40px; height: 10px; background-color: lightblue; float: right;">
133 <span style="margin-right: -12px;">x</span>
141 <div class="spacer" id="spacer9"></div>
144 <div style="opacity: 0.75; float: right; margin-right: -8px;">
152 <div class="spacer" id="spacer10"></div>
154 <div style="opacity: 0.75;">
155 <div style="float: right; margin-right: -8px;">
163 <div class="spacer" id="spacer11"></div>
164 <div class="outer" style="opacity: 0.75">
166 <div style="float: right; margin-right: -8px;">
172 <div class="test" style="height: 48px">
173 <div class="spacer" id="spacer13"></div>
175 <div style="display: inline-block; height: 20px;">
176 <div style="float: right; margin-right: -8px;">