third_party/WebKit/LayoutTests/fast/multicol/dynamic/relayout-inside-overflow-hidden.html

   1 <!DOCTYPE html>
   2 <p>Trigger layout inside a clipped box inside a multicol container that has a spanner. Then trigger
   3     layout outside the clipped box, but still inside the multicol container. This tests that we
   4     don't perform any optimized subtree layout operations incompatible with multicol (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; height:2em; background:blue;"></div>
  10         <div style="-webkit-column-span:all; width:4em; height:2em; background:blue;"></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>