blob: 90e280fcd343638990818832d043719666a180cd [file] [log] [blame]
<!DOCTYPE html>
<style>
.grid {
display: inline-grid;
background: grey;
grid-template-columns: [col] 50px [col] 50px [col] 50px [col] 50px;
grid-auto-rows: 50px;
grid-template-areas: "A . . .";
}
.grid > :nth-child(1) { background: magenta; }
.grid > :nth-child(2) { background: blue; }
.grid > :nth-child(3) { background: yellow; }
.grid > :nth-child(4) { background: green; }
.grid > :nth-child(5) { background: red; }
</style>
<p>This is a regression test for the issue crbug.com/733577 and it passes if the red item is positioned in the first column of the second row, since the spec states that we must select the first one among several equally named grid lines.</p>
<div class="grid">
<div></div>
<div></div>
<div></div>
<div></div>
<div style="grid-column: col"></div>
</div>