changing -webkit-order should change the paint order of flex items
[WebKit-https.git] / LayoutTests / css3 / flexbox / order-painting.html
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <p>This test passes if there is no red showing.</p>
5
6 <div style="display: -webkit-flex; width: 100px;">
7     <div style="-webkit-order: 2; background-color: green; width: 100px; height: 100px; margin-left: -50px;"></div>
8     <div style="-webkit-order: 1; background-color: red;   width: 50px;  height: 100px;"></div>
9 </div>
10 </body>
11 </html>