OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 #source { -webkit-flow-into: article; } | |
6 .regions { | |
7 -webkit-flow-from: article; | |
8 shape-inside: rectangle(90px, 0px, 100%, 100%); | |
9 width: 250px; | |
10 background-color: #dedede; | |
11 margin-top: 10px; | |
12 } | |
13 | |
14 </style> | |
15 </head> | |
16 <body> | |
17 <article> | |
18 <div class="regions"></div> | |
19 <div class="regions"></div> | |
20 </article> | |
21 <div id="source"> | |
22 Despite the passage of time, Major Quilan still suffers grief and bereavemen
t from the death of his wife, killed during the Chelgrian civil war | |
23 that resulted from the Culture's interference. Quilan is offered the chance
to avenge the lost Chelgrians who died in the civil war and is inducted | |
24 into a plot to strike back at the Culture. | |
25 </div> | |
26 <p> | |
27 We have two regions in the code, both regions have auto-height. The content
will fit into the first region, and the second region won't be displayed. | |
28 In this case we can't apply the shape on the region. The content should fill
the grey rectangle without any left offset. | |
29 </p> | |
30 <p>Bug <a href="http://webkit.org/b/123103">123103</a>: [CSS Shapes][CSS Regions
] Don't apply shape-inside when we have multiple auto-height regions and the hei
ght is not resolved</p> | |
31 </body> | |
32 </html> | |
OLD | NEW |