third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-text-background-not-interleaved.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<!DOCTYPE html>
<link href="resources/grid.css" rel="stylesheet">
<style>
.grid {
    grid-template-columns: 50px 50px;
}
.firstRowFirstColumnSpanning2 {
    background: lime;
    grid-column: 1 / span 2;
    grid-row: 1;
}
</style>

<p>This test checks that grid items text and background are not interleaved.</p>
<p>The test passes if you see only "PASS" text and not "FAIL".</p>
<div class="grid">
    <div class="firstRowSecondColumn">FAIL</div>
    <div class="firstRowFirstColumnSpanning2">PASS</div>
</div>