Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(100)

Side by Side Diff: LayoutTests/svg/custom/svg-percent-scale.html

Issue 9617034: Merge 109104 - Percent width/height SVG not always scaled on window resize (Closed) Base URL: http://svn.webkit.org/repository/webkit/branches/chromium/1025/
Patch Set: Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../../fast/repaint/resources/repaint.js"></script> 4 <script src="../../fast/repaint/resources/repaint.js"></script>
5 </head> 5 </head>
6 6
7 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintTest()" > 7 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintTest()" >
8 8
9 <div style="width: 100%; height: 100%; position: absolute;"> 9 <div style="width: 100%; height: 100%; position: absolute;">
10 <!-- After window resizing, this SVG element should not be visible --> 10 <!-- After window resizing, this SVG element should not be visible -->
11 <svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 0 600"> 11 <svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 0 600">
12 <rect fill="red" width="800" height="600"></rect> 12 <rect fill="red" width="800" height="600"></rect>
13 </svg> 13 </svg>
14 </div> 14 </div>
15 15
16 <div style="width: 100%; height: 100%; position: absolute;"> 16 <div style="width: 100%; height: 100%; position: absolute;">
17 <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg"> 17 <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg">
18 <rect fill="green" width="100%" height="100%"/> 18 <rect fill="green" width="100%" height="100%"/>
19 </svg> 19 </svg>
20 </div> 20 </div>
21 21
22 <script> 22 <script>
23 function repaintTest() { 23 function repaintTest() {
24 window.resizeTo(window.innerWidth / 2, window.innerHeight / 2); 24 window.resizeTo(window.innerWidth / 2, window.innerHeight / 2);
25 } 25 }
26 </script> 26 </script>
27 </body> 27 </body>
28 </html> 28 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698