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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side 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 unified diff | 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 »
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 <script> 4 <script>
5 if (window.internals) 5 if (window.internals)
6 window.internals.settings.setCSSExclusionsEnabled(true); 6 window.internals.settings.setCSSExclusionsEnabled(true);
7 </script> 7 </script>
8 <style> 8 <style>
9 #shape-inside { 9 #shape-inside {
10 position: relative; 10 position: relative;
11 width: 500px; 11 font: 50px/1 Ahem, sans-serif;
12 height: 500px; 12 color: green;
13 -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 400px, 0px 400px ); 13 -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 350px, 0px 350px );
14 -webkit-shape-padding: 50px; 14 -webkit-shape-padding: 50px;
15 font: 100px/1 Ahem, sans-serif;
16 color: green;
17 } 15 }
18 16
19 #shape-outline { 17 #shape-outline {
20 position: absolute; 18 position: absolute;
21 top: 0px; 19 top: 0px;
22 left: 0px; 20 left: 0px;
23 width: 500px; 21 width: 500px;
24 height: 500px; 22 height: 500px;
25 } 23 }
26 </style> 24 </style>
27 </head> 25 </head>
28 <body> 26 <body>
29 <p>The blue outline should be filled by 9 green squares.</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 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> 29 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
32 <rect x="50" y="50" width="300" height="300" stroke="blue" fill="non e"/> 30 <polygon points="0,0 400,0 400,350 0,350" stroke="blue" fill="none"/ >
31 <polygon points="50,50 350,50 350,300 50,300" stroke="blue" fill="no ne"/>
33 </svg> 32 </svg>
34 XXX XXX XXX 33 XXX<br/><br/>XX<br/><br/>XXX
35 </div> 34 </div>
36 </body> 35 </body>
36 <script>
37 document.body.style.zoom = 1.2
38 </script>
37 </html> 39 </html>
OLDNEW
« 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