| <!DOCTYPE html> |
| <link href="resources/grid.css" rel="stylesheet"> |
| <link href="resources/grid-alignment.css" rel="stylesheet"> |
| <style> |
| .negativeStartBeforePositionIndexes { |
| grid-row: -10 / 1; |
| grid-column: -28 / 1; |
| } |
| .negativeEndAfterPositionIndexes { |
| grid-row: 1 / -17; |
| grid-column: 1 / -80; |
| } |
| .negativePositionIndexes { |
| grid-row: -50 / -3; |
| grid-column: -8 / -54; |
| } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <body onload="checkLayout('.grid')"> |
| <div>This test checks that negative grid position indexes don't make us crash.</div> |
| |
| <div class="unconstrainedContainer"> |
| <div class="grid justifyContentStart"> |
| <div class="sizedToGridArea negativeStartBeforePositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div> |
| </div> |
| </div> |
| |
| <div class="unconstrainedContainer"> |
| <div class="grid justifyContentStart"> |
| <div class="sizedToGridArea negativeEndAfterPositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div> |
| </div> |
| </div> |
| |
| <div class="unconstrainedContainer"> |
| <div class="grid justifyContentStart"> |
| <div class="sizedToGridArea negativePositionIndexes" data-expected-width="120" data-expected-height="10">XXXXX XXXXXX</div> |
| </div> |
| </div> |
| |
| </body> |
