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

Unified Diff: LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html

Issue 14289003: [CSS Exclusions] Zoom causes shape-inside to fail when shape-padding is specified (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Sync Created 7 years, 8 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>
« no previous file with comments | « no previous file | LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698