OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style> | |
4 .content { | |
5 font-family: Ahem; | |
6 font-size: 10px; | |
7 } | |
8 | |
9 #content1 { | |
10 -webkit-flow-into: flow1; | |
11 } | |
12 | |
13 #content2 { | |
14 -webkit-flow-into: flow2; | |
15 } | |
16 | |
17 .region1 { | |
18 border: thick solid blue; | |
19 -webkit-flow-from: flow1; | |
20 } | |
21 | |
22 .region2 { | |
23 border: thick solid red; | |
24 -webkit-flow-from: flow2; | |
25 } | |
26 | |
27 #region1 { | |
28 width: 400px; | |
29 } | |
30 | |
31 #region2 { | |
32 width: 300px; | |
33 } | |
34 </style> | |
35 <script src="../../../resources/check-layout.js"></script> | |
36 </head> | |
37 <body onload="checkLayout('#region2, #region1')"> | |
38 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=111969">[CSS Re
gions] Nested auto-height regions don't layout correctly</a>.</p> | |
39 <div class="content" id="content1">Lorem ipsum dolor sit amet, consectetur a
dipiscing elit. Aenean urna orci, consequat sed lobortis in, convallis et velit.
Ut elementum lacus ac dui vestibulum eu condimentum mi luctus. Fusce pharetra t
urpis id erat congue nec aliquam leo venenatis. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus mus.<div class="region2" id="re
gion2" data-expected-height=200></div>Class aptent taciti sociosqu ad litora tor
quent per conubia nostra, per inceptos himenaeos. Sed egestas ultrices mauris se
d tempor. Maecenas vitae libero ut nisl gravida eleifend blandit non risus. Fusc
e gravida venenatis dolor eu imperdiet. | |
40 </div> | |
41 <div class="content" id="content2">Ut at tortor ligula. Cras tempor sem sed
tellus convallis tincidunt eget eget dolor. In facilisis ante at turpis semper s
emper. Fusce dui dolor, rhoncus et cursus in, malesuada in justo. Curabitur vulp
utate aliquet tincidunt. Quisque sit amet massa justo, in bibendum leo. Aliquam
lacinia pharetra justo. Suspendisse rhoncus justo nec diam cursus ullamcorper. N
am porttitor porttitor libero, convallis sollicitudin nunc euismod at. Proin tem
pus auctor turpis ut congue. Nullam ornare interdum eros sed suscipit. | |
42 </div> | |
43 <div class="region1" id="region1" data-expected-height=380> | |
44 </div> | |
45 </body> | |
46 </html> | |
OLD | NEW |