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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-overflow-fixed-dimensions-block-content.html

Issue 209443007: Remove shape-inside support (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove now unused segmentIsEmpty Created 6 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
(Empty)
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script>
5 if (window.internals)
6 window.internals.settings.setCSSShapesEnabled(true);
7 </script>
8 <style>
9 #container {
10 font: 20px Ahem, sans-serif;
11 line-height: 20px;
12 -webkit-font-smoothing: none;
13 border: 2px solid blue;
14 border-bottom: 30px solid yellow;
15 position: relative;
16 width: 200px;
17 height: 200px;
18 margin-bottom: 60px;
19 }
20 #shape-inside {
21 width: 200px;
22 height: 200px;
23 shape-inside: polygon(50px 0px, 150px 0px, 150px 60px, 50px 60px);
24 }
25 #border {
26 position: absolute;
27 margin-top: -2px;
28 left: 48px;
29 width: 100px;
30 height: 60px;
31 border: 2px solid green;
32 }
33 </style>
34 </head>
35 <body>
36 <div id="container">
37 <div id="border"></div>
38 <div id="shape-inside">
39 X X <p>X X X</p> X X X X X X X X X X
40 </div>
41 </div>
42 <p>Requires Ahem font. The block content should start inside the green recta ngle (shape-inside) and the overflow should be pushed below the content box. The overflow should start where the yellow bottom border starts. <br/>
43 <p>Bug <a href="http://webkit.org/b/114526">114526</a>: [CSS Exclusions] sha pe-inside overflow should be pushed to the outside of the content box</p>
44 </body>
45 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698