dynamic--inline-css-height.xhtml (1171B)
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: change CSS 'height' property on inline SVG</title> 11 12 <!-- 13 This testcase checks that when the value of the CSS 'height' property on 14 inline SVG is changed, the SVG resizes as expected. 15 --> 16 17 <style type="text/css"> 18 19 html, body { 20 padding: 0; 21 border: 0; 22 margin: 0; 23 width: 100%; 24 height: 100%; 25 background: red; 26 } 27 28 </style> 29 <script type="text/javascript"> 30 31 function resize_svg() 32 { 33 document.getElementById('svg').style.height = '100%'; 34 document.documentElement.removeAttribute('class'); 35 } 36 37 document.addEventListener("MozReftestInvalidate", resize_svg, false); 38 39 </script> 40 </head> 41 <body> 42 43 <svg id="svg" xmlns="http://www.w3.org/2000/svg" 44 style="display:block; width:100%; height:0;" width="0" height="0"> 45 <rect width="100%" height="100%" fill="lime"/> 46 </svg> 47 48 </body> 49 </html>