|
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 |
|
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-1-iframe.html"></iframe> |
|
32 </body> |
|
33 </html> |