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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-upper-left-triangle-vertical-lr-inline-content-expected.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 <style>
5 #polygon-svg-shape {
6 position: absolute;
7 left: 0px;
8 top: 0px;
9 width: 200px;
10 height: 200px;
11 }
12 #shape-inside {
13 -webkit-writing-mode: vertical-lr;
14 font: 20px Ahem, sans-serif;
15 line-height: 20px;
16 position: absolute;
17 left: 0px;
18 top: 0px;
19 }
20 #float {
21 width: 50px;
22 height: 50px;
23 float: left;
24 background-color: yellow;
25 }
26 #overflow {
27 height: 200px;
28 margin-left: 20px;
29 }
30 </style>
31 </head>
32 <body>
33 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg">
34 <polygon points="0,0 200,0 0,200" fill="#636363"></polygon>
35 </svg>
36 <div id="shape-inside">
37 <div id="float"></div>
38 <span style="color: red;">X</span>
39 <span style="color: white;">X</span>
40 <span style="color: green;">X</span><br/>
41 X X X<br/>
42 X X<br/>
43 X X X<br/>
44 X X X<br/>
45 X X<br/>
46 X X<br/>
47 X<br/>
48 X<br/>
49 <div id="overflow">X X X X X X</div>
50 </div>
51
52 <p style="margin-top: 250px;">
53 There is a triangle shape-inside (represented by the matching filled SVG pol ygon), the shape-inside contains a 50x50px yellow float left,
54 the float should be at the very left and top position inside the triangle sh ape where it fits first.
55 The writing mode is vertical-lr, the first column under the yellow float sho uld contain a red, white and green box in this order.
56 The overflow should be pushed on the right side of triangle shape-inside.
57 </p>
58 <p>Bug <a href="http://webkit.org/b/102846">102846</a>: [CSS Shapes] Use the float height to determine position in shape-inside</p>
59 </body>
60 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698