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

   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 <!--
   7     This test checks that we don't end up with the effects of an intermediate
   8     "measuring" reflow left over, when we resize a window that contains a
   9     vertical flex container with an auto-height flex item.
  10
  11     This test should end up rendering as a lime square, 100px by 100px.
  12 -->
  13 <html xmlns="http://www.w3.org/1999/xhtml"
  14       class="reftest-wait">
  15   <head>
  16     <style>
  17       #frame {
  18         width: 400px;
  19         height: 200px;
  20         border: 0;
  21       }
  22     </style>
  23     <script>
  24       function tweak() {
  25         document.getElementById("frame").style.width = "100px";
  26         document.documentElement.removeAttribute("class");
  27       }
  28       window.addEventListener("MozReftestInvalidate", tweak, false);
  29     </script>
  30   </head>
  31   <body>
  32     <iframe id="frame" src="flexbox-dyn-changeFrameWidth-3-iframe.html"></iframe>
  33   </body>
  34 </html>