4 <link href="resources/grid.css" rel="stylesheet">
7 grid-template-rows: 100px;
8 grid-template-columns: 200px 200px;
9 width: -webkit-fit-content;
13 background-color: red;
16 background-color: green;
22 <script src="../repaint/resources/text-based-repaint.js"></script>
24 function repaintTest()
26 document.getElementById('item1').style.zIndex = 1;
27 document.getElementById('item2').style.zIndex = 1;
30 window.onload = runRepaintTest;
34 <div style="height: 100px">
35 <p>This test checks that grid items correctly repaint when 'z-index' changes.</p>
36 <p>For this test to pass, there should be no red below.</p>
40 <div id="item1" class="sizedToGridArea green negativeZIndex"></div>
41 <div class="sizedToGridArea red"></div>
45 <div id="item2" class="sizedToGridArea green"></div>
46 <div class="sizedToGridArea red"></div>