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