OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/run-after-layout-and-paint.js"></script> | 2 <script src="../../fast/../resources/run-after-layout-and-paint.js"></script> |
3 <script> | 3 <script> |
4 runAfterLayoutAndPaint(function() { | 4 runAfterLayoutAndPaint(function() { |
5 document.getElementById("target").style.background = "green"; | 5 document.getElementById("target").style.background = "green"; |
6 }, true); | 6 }, true); |
7 </script> | 7 </script> |
8 <p>A green box should be seen in the bottom right corner of the yellow box.</p> | 8 <p>A green box should be seen in the bottom right corner of the yellow box.</p> |
9 <div style="columns:2; column-fill:auto; height:40px; column-gap:10px; width:630
px; line-height:20px; orphans:1; widows:1; background:yellow;"> | 9 <div style="columns:2; column-fill:auto; height:40px; column-gap:10px; width:630
px; line-height:20px; orphans:1; widows:1; background:yellow;"> |
10 <div><br></div> | 10 <div><br></div> |
11 <div style="columns:2; column-gap:10px;"> | 11 <div style="columns:2; column-gap:10px;"> |
12 <div><br></div> | 12 <div><br></div> |
13 <div style="columns:2; column-gap:10px;"> | 13 <div style="columns:2; column-gap:10px;"> |
14 <div><br></div> | 14 <div><br></div> |
15 <div><br></div> | 15 <div><br></div> |
16 <div><br></div> | 16 <div><br></div> |
17 <div><br></div> | 17 <div><br></div> |
18 <div><br></div> | 18 <div><br></div> |
19 <div><br></div> | 19 <div><br></div> |
20 <div><br></div> | 20 <div><br></div> |
21 <div><br></div> | 21 <div><br></div> |
22 <div><br></div> | 22 <div><br></div> |
23 <div id="target"><br></div> | 23 <div id="target"><br></div> |
24 </div> | 24 </div> |
25 </div> | 25 </div> |
26 </div> | 26 </div> |
OLD | NEW |