1<?xml version="1.0" encoding="UTF-8"?>
2<!--
3     Any copyright is dedicated to the Public Domain.
4     http://creativecommons.org/publicdomain/zero/1.0/
5-->
6<!-- Testcase to be sure a flex container gets reflowed properly when its
7     iframe changes size. -->
8<!-- XXXdholbert This testcase can't actually test the scenario it's intended
9     to test right now (quirks-mode percent-BSize resolution in a vertical
10     writing mode), due to Bug 1441348.
11 -->
12<html xmlns="http://www.w3.org/1999/xhtml"
13      class="reftest-wait">
14  <head>
15    <style>
16      iframe {
17        width:  75px;
18        height: 75px;
19      }
20    </style>
21    <script>
22      function setElementPropertyTo(id, propertyName, propertyValue) {
23        var elem = document.getElementById(id);
24        elem.style[propertyName] = propertyValue;
25      }
26
27      function tweak() {
28        setElementPropertyTo("a", "width", "50px");
29        setElementPropertyTo("b", "width", "125px");
30        setElementPropertyTo("c", "height", "50px");
31        setElementPropertyTo("d", "height", "125px");
32        document.documentElement.removeAttribute("class");
33      }
34      window.addEventListener("MozReftestInvalidate", tweak, false);
35    </script>
36  </head>
37  <body>
38    <iframe id="a" src="flexbox-resizeviewport-2-helper.html"/>
39    <iframe id="b" src="flexbox-resizeviewport-2-helper.html"/>
40    <br/>
41    <iframe id="c" src="flexbox-resizeviewport-2-helper.html"/>
42    <iframe id="d" src="flexbox-resizeviewport-2-helper.html"/>
43  </body>
44</html>
45