Chromium Code Reviews (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-upper-right-triangle-inline-content.html

Issue 209443007: Remove shape-inside support (Closed) Base URL:
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
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 #polygon-svg-shape {
6 position: absolute;
7 left: 0px;
8 top: 0px;
9 }
10 #shape-inside {
11 font: 20px Ahem, sans-serif;
12 -webkit-font-smoothing: none;
13 line-height: 20px;
14 width: 200px;
15 height: 200px;
16 position: absolute;
17 left: 0px;
18 top: 0px;
19 shape-inside: polygon(0px 0px, 200px 0px, 200px 200px);
20 }
21 #float {
22 width: 50px;
23 height: 50px;
24 float: left;
25 background-color: yellow;
26 }
27 </style>
28 </head>
29 <body>
30 <svg id="polygon-svg-shape" xmlns="">
31 <polygon points="0,0 200,0 200,200" fill="#636363"></polygon>
32 </svg>
33 <div id="shape-inside">
34 <div id="float"></div> X X X X X X X X X X X X X X X X X X X X X X X X X X X
35 </div>
36 <p style="margin-top: 250px;">
37 There is a triangle shape-inside (represented by the matching filled SVG p olygon), the shape-inside contains a 50x50px yellow float left,
38 the float should be at the very left and top position inside the triangle shape where it fits first. The inline content should start before the
39 yellow rectangle and then wrap around it. The overflow should be pushed un der the triangle shape-inside.
40 </p>
41 <p>Bug <a href="">102846</a>: [CSS Shapes] Use the float height to determine position in shape-inside</p>
42 </body>
43 </html>

Powered by Google App Engine
This is Rietveld 408576698