1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/flexbox/flexbox-dyn-changePadding-1b.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,46 @@
1.4 +<?xml version="1.0" encoding="UTF-8"?>
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 +<!--
1.10 + This test checks that we reflow sufficiently when a stretched, nested
1.11 + flex container needs an incremental reflow. This test should end up
1.12 + rendering as a lime square, 100px by 100px.
1.13 +-->
1.14 +<html xmlns="http://www.w3.org/1999/xhtml"
1.15 + class="reftest-wait">
1.16 + <head>
1.17 + <style>
1.18 + #outerContainer {
1.19 + display: flex;
1.20 + width: 100px;
1.21 + height: 100px;
1.22 + background: red;
1.23 + }
1.24 + #tweakMe {
1.25 + display: flex;
1.26 + background: orange;
1.27 + width: 100px;
1.28 + /* height should stretch to fill parent's height, via
1.29 + * parent's "align-items: stretch" (the default) */
1.30 +
1.31 + padding-left: 1px;
1.32 + }
1.33 + </style>
1.34 + <script>
1.35 + function tweak() {
1.36 + var tweakMe = document.getElementById("tweakMe");
1.37 + tweakMe.style.paddingLeft = "0";
1.38 + tweakMe.style.background = "lime";
1.39 + document.documentElement.removeAttribute("class");
1.40 + }
1.41 + window.addEventListener("MozReftestInvalidate", tweak, false);
1.42 + </script>
1.43 + </head>
1.44 + <body>
1.45 + <div id="outerContainer">
1.46 + <div id="tweakMe"></div>
1.47 + </div>
1.48 + </body>
1.49 +</html>
