Relative-height block SVG root not layed out on container height change
[WebKit-https.git] / LayoutTests / svg / custom / svg-percent-scale-block.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <title>Test for https://bugs.webkit.org/show_bug.cgi?id=79490</title>
5   <script src="../../fast/repaint/resources/repaint.js"></script>
6   <script>
7     function repaintTest()
8     {
9       document.getElementById('resize-target').style.height = '200px';
10     }
11   </script>
12 </head>
13
14 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintTest()">
15   <div id="resize-target" style="width: 400px; height: 400px; position: absolute;">
16     <!-- After vertical window resizing, this SVG element should not be visible -->
17     <svg width="25%" height="50%" xmlns="http://www.w3.org/2000/svg" style="display: block;">
18       <rect fill="red" width="100%" height="100%"></rect>
19     </svg>
20   </div>
21
22   <div style="width: 100px; height: 100px; position: absolute; background-color: green;"></div>
23 </body>
24 </html>