dynamic--inline-resize-window-width.xhtml (1183B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <html xmlns="http://www.w3.org/1999/xhtml" class="reftest-wait"> 6 <head> 7 8 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=294086 --> 9 10 <title>Test: resize of window width</title> 11 12 <!-- 13 This testcase checks that SVG embedded inline with a percentage width is 14 updated correctly when the window is resized. 15 --> 16 17 <style type="text/css"> 18 19 html, body, div { 20 padding: 0; 21 border: 0; 22 margin: 0; 23 width: 100%; 24 height: 100%; 25 background: red; 26 overflow: hidden; 27 } 28 29 </style> 30 <script type="text/javascript"> 31 32 var initial_width = top.innerWidth; 33 top.innerWidth /= 2; 34 35 function restore_width() 36 { 37 top.innerWidth = initial_width; 38 document.documentElement.removeAttribute('class'); 39 } 40 41 document.addEventListener("MozReftestInvalidate", restore_width, false); 42 43 </script> 44 </head> 45 <body onload="restore_width()"> 46 47 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="5000"> 48 <rect width="100%" height="100%" fill="lime"/> 49 </svg> 50 51 </body> 52 </html>