1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/flexbox/flexbox-paint-ordering-3.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,39 @@
1.4 +<!DOCTYPE html>
1.5 +<!--
1.6 + Any copyright is dedicated to the Public Domain.
1.7 + http://creativecommons.org/publicdomain/zero/1.0/
1.8 +-->
1.9 +<!-- Testcase for whether we honor "order" on absolutely-positioned elements
1.10 + within a flex container. Specifically, we test whether it affects their
1.11 + paint-order (as it should, since it reorders the frame tree). -->
1.12 +<html>
1.13 +<head>
1.14 + <style>
1.15 + #container { display: flex; }
1.16 + #lowOrdinal {
1.17 + position: absolute;
1.18 + order: 5;
1.19 + background: red;
1.20 + height: 100px; width: 100px;
1.21 + }
1.22 + #highOrdinal {
1.23 + position: absolute;
1.24 + order: 10;
1.25 + background: lime;
1.26 + height: 100px; width: 100px;
1.27 + }
1.28 + #noOrdinal {
1.29 + position: absolute;
1.30 + background: orange;
1.31 + height: 100px; width: 100px;
1.32 + }
1.33 + </style>
1.34 +</head>
1.35 +<body>
1.36 + <div id="container">
1.37 + <div id="highOrdinal"></div>
1.38 + <div id="lowOrdinal"></div>
1.39 + <div id="noOrdinal"></div>
1.40 + </div>
1.41 +</body>
1.42 +</html>
