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

   1 <!DOCTYPE html>
   2 <p>Add a spanner inside a fixed-size clipped block inside a multicol container. It should not be
   3     affected by the clipping, since the containing block of a spanner is the multicol
   4     container. This also tests that we don't perform any optimized subtree layout operations
   5     incompatible with multicol (which would typically cause assertion failures).</p>
   6 <p>You should see the word "PASS" below, and nothing else (no red, no "FAIL").</p>
   7 <div style="-webkit-columns:2; width:20em; height:10em; line-height:2em; overflow:hidden;">
   8     <div style="width:5em; height:2em; overflow:hidden;">
   9         &nbsp;
  10         <div id="spanner" style="-webkit-column-span:all; display:none;">PASS</div>
  11         <span style="background:red;">FAIL</span>
  12     </div>
  13 </div>
  14 <script>
  15     document.body.offsetTop;
  16     document.getElementById("spanner").style.display = "block";
  17 </script>