Chromium Code Reviews

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/floats/shape-inside-left-float-in-lower-right-triangle-block-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.
Jump to:
View unified diff |
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 font: 20px Ahem, sans-serif;
14 line-height: 20px;
15 position: absolute;
16 left: 0px;
17 top: 0px;
18 text-align: right;
19 padding-top: 20px;
20 width: 200px;
21 height: 200px;
22 }
23 #float {
24 width: 50px;
25 height: 50px;
26 float: right;
27 margin-top: 10px;
28 background-color: yellow;
29 }
30 #overflow {
31 width: 200px;
32 text-align: left;
33 }
34 </style>
35 </head>
36 <body>
37 <svg id="polygon-svg-shape" xmlns="http://www.w3.org/2000/svg">
38 <polygon points="200,0 200,200 0,200" fill="#636363"></polygon>
39 </svg>
40 <div id="shape-inside">
41 X<br/>
42 <div id="float"></div>
43 <br/><br/><br/>X X &nbsp;<br/><br/>
44 XXXXXXX<br/><br/>
45 X X X X X<br/>
46 <div id="overflow">X X X X X X</div>
47 </div>
48
49 <p style="margin-top: 250px;">
50 There is a triangle shape-inside (represented by the matching filled SVG polygon), the shape-inside contains a 50x50px yellow float left,
51 the float should be at the very left and top position inside the triangl e shape where it fits first. The block content with inline content
52 (paragraphs) should start before the yellow rectangle and then wrap arou nd it. The overflow should be pushed under the triangle shape-inside.
53 </p>
54 <p>Bug <a href="http://webkit.org/b/121616">121616</a>: [CSS Shapes] Support block content with inline content around floats in shape-inside</p>
55 </body>
56 </html>
OLDNEW

Powered by Google App Engine