| OLD | NEW |
| (Empty) |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 .flowContent { font-size: 50px; color: green; font-family: Ahem; } | |
| 6 .region { | |
| 7 width: 250px; | |
| 8 margin-top: 10px; | |
| 9 } | |
| 10 #p1 { | |
| 11 color: green; | |
| 12 } | |
| 13 | |
| 14 #p2 { | |
| 15 color: blue; | |
| 16 } | |
| 17 </style> | |
| 18 </head> | |
| 19 </head> | |
| 20 <body onload="forceLayout();"> | |
| 21 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=102954">bug
102954</a>.</p> | |
| 22 <p>Adding #line1 only after the first layout is done. That will force a
second layout | |
| 23 and the first region needs to resize to accommodate the size of both
lines.</p> | |
| 24 <p>You should see two boxes. The first box should have twice the height
of the second one. | |
| 25 The first box should be all green and the second box should be all bl
ue.</p> | |
| 26 <div class="region flowContent"> | |
| 27 <div id="p1"> | |
| 28 <div id="line1">aaaaa</div> | |
| 29 <div id="line2">aaaaa</div> | |
| 30 </div> | |
| 31 </div> | |
| 32 <div class="region flowContent"> | |
| 33 <div id="p2">aaaaa</div> | |
| 34 </div> | |
| 35 </body> | |
| 36 </html> | |
| OLD | NEW |