Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / repaint / align-items-change.html
blob0fffb18d748492a55c5dbb3a0519d40c765cb0af
1 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script>
3 <script>
4 function repaintTest() {
5 document.getElementById('container').style.alignItems = 'stretch';
7 onload = runRepaintTest;
8 </script>
9 <style>
10 body {
11 margin: 0;
13 #container {
14 display: flex;
15 align-items: flex-start;
16 width: 200px;
17 height: 300px;
18 background-color: red;
20 .item {
21 background-color: green;
22 border: solid thin blue;
23 width: 100px;
25 </style>
26 <p style="height: 20px">Tests invalidation on align-items style change. Passes if there is no red.</p>
27 <div id="container">
28 <div class="item">
29 <div style="height: 100px"></div>
30 </div>
31 <div class="item">
32 <div style="height: 150px"></div>
33 </div>
34 </div>