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 |