| Index: LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html
|
| diff --git a/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html b/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html
|
| similarity index 61%
|
| copy from LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html
|
| copy to LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html
|
| index 85bb3b3349fde32f0e1da9a4c80eef30506e5ff5..9d19362d271e18be2dd065f08586e1956c1a3a2f 100644
|
| --- a/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-padding-001.html
|
| +++ b/LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html
|
| @@ -8,12 +8,10 @@
|
| <style>
|
| #shape-inside {
|
| position: relative;
|
| - width: 500px;
|
| - height: 500px;
|
| - -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 400px, 0px 400px);
|
| - -webkit-shape-padding: 50px;
|
| - font: 100px/1 Ahem, sans-serif;
|
| + font: 50px/1 Ahem, sans-serif;
|
| color: green;
|
| + -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 350px, 0px 350px);
|
| + -webkit-shape-padding: 50px;
|
| }
|
|
|
| #shape-outline {
|
| @@ -26,12 +24,16 @@
|
| </style>
|
| </head>
|
| <body>
|
| - <p>The blue outline should be filled by 9 green squares.</p>
|
| + <p>The green rectangles should lie within the inner blue outline.</p>
|
| <div id="shape-inside">
|
| <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
|
| - <rect x="50" y="50" width="300" height="300" stroke="blue" fill="none"/>
|
| + <polygon points="0,0 400,0 400,350 0,350" stroke="blue" fill="none"/>
|
| + <polygon points="50,50 350,50 350,300 50,300" stroke="blue" fill="none"/>
|
| </svg>
|
| - XXX XXX XXX
|
| + XXX<br/><br/>XX<br/><br/>XXX
|
| </div>
|
| </body>
|
| +<script>
|
| +document.body.style.zoom = 1.2
|
| +</script>
|
| </html>
|
|
|