Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / repaint / align-content-change-keeping-geometry.html
blob2961a6abfa47a0d48114f1e2b0e8db058353b61c
1 <!DOCTYPE HTML>
2 <script src="resources/text-based-repaint.js"></script>
3 <script>
4 function repaintTest() {
5 document.getElementById('container').style.alignContent = 'center';
7 onload = runRepaintTest;
8 </script>
9 <style>
10 #container {
11 display: flex;
12 align-items: flex-start;
13 width: 200px;
14 height: 300px;
15 background-color: red;
17 .item {
18 background-color: green;
19 border: solid thin blue;
20 width: 100px;
21 height: 300px;
23 </style>
24 <p style="height: 20px">There should be no invalidations because align-content style change causes no visual change.</p>
25 <div id="container">
26 <div class="item"></div>
27 <div class="item"></div>
28 </div>