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-left-triangle-vertical-lr-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 line-height: 20px;
13 width: 200px;
14 height: 200px;
15 position: absolute;
16 left: 0px;
17 top: 0px;
18 shape-inside: polygon(0px 0px, 200px 0px, 0px 200px);
19 -webkit-writing-mode: vertical-lr;
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 0,200" fill="#636363"></polygon>
32 </svg>
33 <div id="shape-inside">
34 <span style="color: red;">A</span>
35 <div id="float"></div>
36 <span style="color: white;">X</span>
37 <span style="color: green;">X</span> X X X X X X X X X X X X X X X X X X X X X X X
38 </div>
39 <p style="margin-top: 250px;">
40 There is a triangle shape-inside (represented by the matching filled SVG p olygon), the shape-inside contains a 50x50px yellow float left,
41 the float should be at the very left and top position inside the triangle shape where it fits first.
42 The writing mode is vertical-lr, the first column under the yellow float s hould contain a red, white and green box in this order.
43 The overflow should be pushed on the right side of triangle shape-inside.
44 </p>
45 <p>Bug <a href="">102846</a>: [CSS Shapes] Use the float height to determine position in shape-inside</p>
46 </body>
47 </html>

Powered by Google App Engine
This is Rietveld 408576698