third_party/WebKit/LayoutTests/fast/css-grid-layout/min-width-height-auto-overflow-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 .item {
   4     height: 50px;
   5     width: 50px;
   6     margin: 50px;
   7     font: 50px/1 Ahem;
   8 }
   9
  10 .overflowVisible {
  11     overflow: visible;
  12 }
  13
  14 .overflowHidden {
  15     overflow: hidden;
  16 }
  17
  18 .overflowScroll {
  19     overflow-y: scroll;
  20 }
  21
  22 .overflowAuto {
  23     overflow: auto;
  24 }
  25 </style>
  26
  27 <p>This test checks that min-width|height auto behavior for grid items only applies if overflow is visible.</p>
  28 <p>The test passes if you see three 50x50 squares and one 100x100 square.</p>
  29
  30 <div class="item overflowHidden">XX<br>XX</div>
  31
  32 <div class="item overflowScroll">XX<br>XX</div>
  33
  34 <div class="item overflowAuto">XX<br>XX</div>
  35
  36 <div class="item overflowVisible">XX<br>XX</div>