| <!DOCTYPE html> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| document.getElementById("target").style.background = "green"; |
| }, true); |
| </script> |
| <p>A green box should be seen in the bottom right corner of the yellow box.</p> |
| <div style="columns:2; column-fill:auto; height:40px; column-gap:10px; width:630px; line-height:20px; orphans:1; widows:1; background:yellow;"> |
| <div><br></div> |
| <div style="columns:2; column-gap:10px;"> |
| <div><br></div> |
| <div style="columns:2; column-gap:10px;"> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div><br></div> |
| <div id="target"><br></div> |
| </div> |
| </div> |
| </div> |