LayoutTests/fast/css-grid-layout/grid-item-negative-indexes.html - WebKit - Git at Google

 <!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>
	<!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>