flexbox-dyn-changeFrameWidth-3.xhtml 1013 B

1234567891011121314151617181920212223242526272829303132333435
  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. This test should end up rendering as a lime square, 100px by 100px.
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml"
  13. class="reftest-wait">
  14. <head>
  15. <style>
  16. #frame {
  17. width: 400px;
  18. height: 200px;
  19. border: 0;
  20. }
  21. </style>
  22. <script>
  23. function tweak() {
  24. document.getElementById("frame").style.width = "100px";
  25. document.documentElement.removeAttribute("class");
  26. }
  27. window.addEventListener("MozReftestInvalidate", tweak, false);
  28. </script>
  29. </head>
  30. <body>
  31. <iframe id="frame" src="flexbox-dyn-changeFrameWidth-3-iframe.html"></iframe>
  32. </body>
  33. </html>