flexbox-dyn-changeFrameWidth-1.xhtml 951 B

12345678910111213141516171819202122232425262728293031323334
  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 reflow nested flex containers sufficiently when
  8. the window (or the iframe we're inside of) is horizontally resized.
  9. This test should end up rendering as a lime square, 100px by 100px.
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml"
  12. class="reftest-wait">
  13. <head>
  14. <style>
  15. #frame {
  16. width: 400px;
  17. height: 200px;
  18. border: 0;
  19. }
  20. </style>
  21. <script>
  22. function tweak() {
  23. document.getElementById("frame").style.width = "100px";
  24. document.documentElement.removeAttribute("class");
  25. }
  26. window.addEventListener("MozReftestInvalidate", tweak, false);
  27. </script>
  28. </head>
  29. <body>
  30. <iframe id="frame" src="flexbox-dyn-changeFrameWidth-1-iframe.html"></iframe>
  31. </body>
  32. </html>