OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <head> | |
4 <style> | |
5 .region { | |
6 height: 60px; | |
7 width: 120px; | |
8 border: 2px solid black; | |
9 } | |
10 | |
11 .float { | |
12 float: left; | |
13 height: 60px; | |
14 width: 40px; | |
15 } | |
16 | |
17 #red { | |
18 background-color: red; | |
19 } | |
20 | |
21 #green { | |
22 background-color: green; | |
23 } | |
24 | |
25 #blue { | |
26 background-color: blue; | |
27 } | |
28 | |
29 div.content:hover p:first-letter { | |
30 font-size: 30px; | |
31 } | |
32 </style> | |
33 </head> | |
34 <body> | |
35 <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=103501">Fix
content node renderers ordering inside the named flow thread</a>.</p> | |
36 <p>The test adds three colored content nodes (blocks) to a flow and then
modifies the flow-into properties to force renderers to shuffle.</p> | |
37 <p>On success, you should see the blocks ordered: red, green, blue.</p> | |
38 <div class="region"> | |
39 <div id="red" class="float">1</div> | |
40 <div id="green"class="float">2</div> | |
41 <div id="blue" class="float">3</div> | |
42 </div> | |
43 </body> | |
44 </html> | |
OLD | NEW |