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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom-expected.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 unified diff | Download patch
« no previous file with comments | « LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html ('k') | Source/core/rendering/ExclusionPolygon.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #shape-inside { 5 #shape-inside {
6 position: relative; 6 position: relative;
7 } 7 }
8 8
9 #shape-outline { 9 #shape-outline {
10 position: absolute; 10 position: absolute;
11 top: 0px; 11 top: 0px;
12 left: 0px; 12 left: 0px;
13 width: 500px; 13 width: 500px;
14 height: 500px; 14 height: 500px;
15 } 15 }
16 16
17 #shape-content { 17 #shape-content {
18 position: absolute; 18 position: absolute;
19 top: 50px; 19 top: 50px;
20 left: 50px; 20 left: 50px;
21 width: 300px; 21 font: 50px/1 Ahem, sans-serif;
22 height: 300px;
23 font: 100px/1 Ahem, sans-serif;
24 color: green; 22 color: green;
25 } 23 }
26 </style> 24 </style>
27 </head> 25 </head>
28 <body> 26 <body>
29 <p>The blue rounded rectangle should just contain a cross of five green squa res.</p> 27 <p>The green rectangles should lie within the inner blue outline.</p>
30 <div id="shape-inside"> 28 <div id="shape-inside">
31 <div id="shape-content">&nbsp;X<br/>XXX<br/>&nbsp;X</div> 29 <div id="shape-content">
30 XXX<br/><br/>XX<br/><br/>XXX
31 </div>
32 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> 32 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
33 <rect x="50" y="50" width="300" height="300" rx="100" ry="100" strok e="blue" fill="none"/> 33 <polygon points="0,0 400,0 400,350 0,350" stroke="blue" fill="none"/ >
34 <polygon points="50,50 350,50 350,300 50,300" stroke="blue" fill="no ne"/>
34 </svg> 35 </svg>
35 </div> 36 </div>
36 </body> 37 </body>
38 <script>
39 document.body.style.zoom = 1.2
40 </script>
37 </html> 41 </html>
OLDNEW
« no previous file with comments | « LayoutTests/fast/exclusions/shape-inside/shape-inside-polygon-zoom.html ('k') | Source/core/rendering/ExclusionPolygon.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698