[css-align][css-grid] Overflow alignment value 'true' renamed to 'unsafe'
[WebKit-https.git] / LayoutTests / fast / repaint / align-items-overflow-change.html
1 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script>
3 <script>
4 function repaintTest() {
5   document.getElementById('container').style.alignItems = 'end safe';
6 }
7 onload = runRepaintTest;
8 </script>
9 <style>
10 body {
11   margin: 0;
12 }
13 #container {
14   display: -webkit-grid;
15   -webkit-grid: 200px / 150px 150px;
16   align-items: end unsafe;
17   width: 200px;
18   height: 300px;
19   background-color: red;
20 }
21 .item1 {
22   -webkit-grid-row: 1;
23   -webkit-grid-column: 1;
24   background-color: green;
25 }
26 .item2 {
27   -webkit-grid-row: 2;
28   -webkit-grid-column: 1;
29   background-color: green;
30 }
31 </style>
32 <p style="height: 20px">Tests invalidation on align-items style change (just overflow). Passes if there is no red.</p>
33 <div id="container">
34     <div class="item1">
35         <div style="height: 200px"></div>
36     </div>
37     <div class="item2">
38         <div style="height: 100px"></div>
39     </div>
40 </div>