third_party/WebKit/LayoutTests/fast/multicol/composited-relpos-in-clipped.html

   1 <!DOCTYPE html>
   2 <p>There should be two yellow boxes below, on a blue background.</p>
   3 <div style="overflow:hidden; -webkit-columns:2; -webkit-column-gap:1em; column-fill:auto; width:17em; height:13em; line-height:2em;">
   4     <div style="will-change:transform; position:absolute; left:0; right:0; height:13em; background:blue;"></div>
   5     <br>
   6     <br>
   7     <br>
   8     <br>
   9     <div style="position:relative; overflow:hidden; margin:0.5em; height:8.5em; background:yellow;">
  10         first<br>
  11         column<br>
  12         second<br>
  13         column<br>
  14         <div style="background:red;">FAIL</div>
  15     </div>
  16 </div>