layout/reftests/flexbox/flexbox-dyn-changeFrameWidth-4.xhtml


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
34

<?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 sufficiently reflow abspos flex containers that
    have top:0;bottom:0 (which ends up effectively being like height:100%)
    the window (or the iframe we're inside of) is vertically 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: 100px;
        height: 50px;
        border: 0;
      }
    </style>
    <script>
      function tweak() {
        document.getElementById("frame").style.height = "100px";
        document.documentElement.removeAttribute("class");
      }
      window.addEventListener("MozReftestInvalidate", tweak, false);
    </script>
  </head>
  <body>
    <iframe id="frame" src="flexbox-dyn-changeFrameWidth-4-iframe.html"></iframe>
  </body>
</html>