OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 800x104 | 3 layer at (0,0) size 800x104 |
4 LayoutBlockFlow {HTML} at (0,0) size 800x104 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x104 |
5 LayoutBlockFlow {BODY} at (0,0) size 800x104 | 5 LayoutBlockFlow {BODY} at (0,0) size 800x104 |
6 LayoutText {#text} at (0,0) size 0x0 | 6 LayoutText {#text} at (0,0) size 0x0 |
7 layer at (0,0) size 100x100 | 7 layer at (0,0) size 100x100 |
8 LayoutVideo {VIDEO} at (0,0) size 100x100 | 8 LayoutVideo {VIDEO} at (0,0) size 100x100 |
9 layer at (50,50) size 100x100 | 9 layer at (50,50) size 100x100 |
10 LayoutBlockFlow (positioned) {DIV} at (50,50) size 100x100 [bgcolor=#FF0000] | 10 LayoutBlockFlow (positioned) {DIV} at (50,50) size 100x100 [bgcolor=#FF0000] |
11 layer at (50,50) size 200x200 | 11 layer at (50,50) size 200x200 |
12 LayoutBlockFlow (positioned) {DIV} at (50,50) size 200x200 | 12 LayoutBlockFlow (positioned) {DIV} at (50,50) size 200x200 |
13 LayoutBlockFlow {P} at (0,218) size 200x54 | 13 LayoutBlockFlow {P} at (0,218) size 200x54 |
14 LayoutText {#text} at (0,0) size 193x54 | 14 LayoutText {#text} at (0,0) size 193x54 |
15 text run at (0,0) width 193: "The green box should obscure" | 15 text run at (0,0) width 193: "The green box should obscure" |
16 text run at (0,18) width 182: "the red box, and move when" | 16 text run at (0,18) width 182: "the red box, and move when" |
17 text run at (0,36) width 144: "you drag the scrollbar." | 17 text run at (0,36) width 144: "you drag the scrollbar." |
18 layer at (50,50) size 202x202 clip at (51,51) size 185x200 scrollY 50.00 scrollH
eight 550 | 18 layer at (50,50) size 202x202 clip at (51,51) size 185x200 scrollY 50.00 scrollH
eight 550 |
19 LayoutBlockFlow {DIV} at (0,0) size 202x202 [border: (1px solid #000000)] | 19 LayoutBlockFlow {DIV} at (0,0) size 202x202 [border: (1px solid #000000)] |
20 LayoutBlockFlow {DIV} at (1,51) size 185x500 | 20 LayoutBlockFlow {DIV} at (1,51) size 185x500 |
21 layer at (51,51) size 100x100 | 21 layer at (51,51) size 100x100 |
22 LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 100x100 [bgcolor=#00
8000] | 22 LayoutBlockFlow (relative positioned) {DIV} at (0,0) size 100x100 [bgcolor=#00
8000] |
23 layer at (0,0) size 100x100 | 23 layer at (0,0) size 100x100 |
24 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x100 | 24 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x100 |
25 LayoutBlockFlow {DIV} at (0,65) size 100x35 | 25 LayoutBlockFlow {DIV} at (0,68) size 100x32 |
26 layer at (0,0) size 100x65 | 26 layer at (0,0) size 100x58 |
27 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x65 | 27 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 100x58 |
OLD | NEW |