|
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 <!-- Testcase to be sure a flex container gets reflowed properly when its |
|
7 iframe changes size. --> |
|
8 <html xmlns="http://www.w3.org/1999/xhtml" |
|
9 class="reftest-wait"> |
|
10 <head> |
|
11 <style> |
|
12 iframe { |
|
13 width: 75px; |
|
14 height: 75px; |
|
15 } |
|
16 </style> |
|
17 <script> |
|
18 function setElementPropertyTo(id, propertyName, propertyValue) { |
|
19 var elem = document.getElementById(id); |
|
20 elem.style[propertyName] = propertyValue; |
|
21 } |
|
22 |
|
23 function tweak() { |
|
24 setElementPropertyTo("a", "width", "50px"); |
|
25 setElementPropertyTo("b", "width", "125px"); |
|
26 setElementPropertyTo("c", "height", "50px"); |
|
27 setElementPropertyTo("d", "height", "125px"); |
|
28 document.documentElement.removeAttribute("class"); |
|
29 } |
|
30 window.addEventListener("MozReftestInvalidate", tweak, false); |
|
31 </script> |
|
32 </head> |
|
33 <body> |
|
34 <iframe id="a" src="flexbox-resizeviewport-1-helper.html"/> |
|
35 <iframe id="b" src="flexbox-resizeviewport-1-helper.html"/> |
|
36 <br/> |
|
37 <iframe id="c" src="flexbox-resizeviewport-1-helper.html"/> |
|
38 <iframe id="d" src="flexbox-resizeviewport-1-helper.html"/> |
|
39 </body> |
|
40 </html> |