flexbox-dyn-changeFrameWidth-1.xhtml (951B)
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>