third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-negative-indexes.html

   1 <!DOCTYPE html>
   2 <link href="resources/grid.css" rel="stylesheet">
   3 <style>
   4 .negativeStartBeforePositionIndexes {
   5     grid-row: -10 / 1;
   6     grid-column: -28 / 1;
   7 }
   8 .negativeEndAfterPositionIndexes {
   9     grid-row: 1 / -17;
  10     grid-column: 1 / -80;
  11 }
  12 .negativePositionIndexes {
  13     grid-row: -50 / -3;
  14     grid-column: -8 / -54;
  15 }
  16 </style>
  17 <script src="../../resources/check-layout.js"></script>
  18 <body onload="checkLayout('.grid')">
  19 <div>This test checks that negative grid position indexes don't make us crash.</div>
  20
  21 <div class="unconstrainedContainer">
  22     <div class="grid">
  23         <div class="sizedToGridArea negativeStartBeforePositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div>
  24     </div>
  25 </div>
  26
  27 <div class="unconstrainedContainer">
  28     <div class="grid">
  29         <div class="sizedToGridArea negativeEndAfterPositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div>
  30     </div>
  31 </div>
  32
  33 <div class="unconstrainedContainer">
  34     <div class="grid">
  35         <div class="sizedToGridArea negativePositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div>
  36     </div>
  37 </div>
  38
  39 </body>