flexbox-resizeviewport-2.xhtml (1512B)
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 <!-- XXXdholbert This testcase can't actually test the scenario it's intended 9 to test right now (quirks-mode percent-BSize resolution in a vertical 10 writing mode), due to Bug 1441348. 11 --> 12 <html xmlns="http://www.w3.org/1999/xhtml" 13 class="reftest-wait"> 14 <head> 15 <style> 16 iframe { 17 width: 75px; 18 height: 75px; 19 } 20 </style> 21 <script> 22 function setElementPropertyTo(id, propertyName, propertyValue) { 23 var elem = document.getElementById(id); 24 elem.style[propertyName] = propertyValue; 25 } 26 27 function tweak() { 28 setElementPropertyTo("a", "width", "50px"); 29 setElementPropertyTo("b", "width", "125px"); 30 setElementPropertyTo("c", "height", "50px"); 31 setElementPropertyTo("d", "height", "125px"); 32 document.documentElement.removeAttribute("class"); 33 } 34 window.addEventListener("MozReftestInvalidate", tweak, false); 35 </script> 36 </head> 37 <body> 38 <iframe id="a" src="flexbox-resizeviewport-2-helper.html"/> 39 <iframe id="b" src="flexbox-resizeviewport-2-helper.html"/> 40 <br/> 41 <iframe id="c" src="flexbox-resizeviewport-2-helper.html"/> 42 <iframe id="d" src="flexbox-resizeviewport-2-helper.html"/> 43 </body> 44 </html>