| 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 |