summaryrefslogtreecommitdiffstats
path: root/layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-1.xhtml
blob: 889b479c04f3e9e7abd74717f2c79e92a13ff637 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<?xml version="1.0" encoding="UTF-8"?>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!--
    This test checks that we reflow nested flex containers sufficiently when
    the window (or the iframe we're inside of) is horizontally resized.

    This test should end up rendering as a lime square, 100px by 100px.
-->
<html xmlns="http://www.w3.org/1999/xhtml"
      class="reftest-wait">
  <head>
    <style>
      #frame {
        width: 400px;
        height: 200px;
        border: 0;
      }
    </style>
    <script>
      function tweak() {
        document.getElementById("frame").style.width = "100px";
        document.documentElement.removeAttribute("class");
      }
      window.addEventListener("MozReftestInvalidate", tweak, false);
    </script>
  </head>
  <body>
    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-1-iframe.html"></iframe>
  </body>
</html>