OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <p>Trigger layout inside a clipped box inside a multicol container that has a sp
anner. Then trigger |
| 3 layout outside the clipped box, but still inside the multicol container. Thi
s tests that we |
| 4 don't perform any optimized subtree layout operations incompatible with mult
icol (which would |
| 5 typically cause assertion failures).</p> |
| 6 <p>You should see a blue square below, and nothing else (no red, no "FAIL").</p> |
| 7 <div id="multicol" style="-webkit-columns:2; line-height:2em;"> |
| 8 <div style="width:5em; height:2em; overflow:hidden;"> |
| 9 <div id="block" style="-webkit-column-break-inside:avoid; width:3em; hei
ght:2em; background:blue;"></div> |
| 10 <div style="-webkit-column-span:all; width:4em; height:2em; background:b
lue;"></div> |
| 11 <div style="background:red;">FAIL</div> |
| 12 </div> |
| 13 </div> |
| 14 <script> |
| 15 document.body.offsetTop; |
| 16 document.getElementById("block").style.width = "4em"; |
| 17 document.body.offsetTop; |
| 18 document.getElementById("multicol").style.width = "50%"; |
| 19 </script> |
OLD | NEW |