| 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 800x494 | 3 layer at (0,0) size 800x496 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x494 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x496 |
| 5 layer at (0,0) size 800x494 | 5 layer at (0,0) size 800x496 |
| 6 LayoutBlockFlow (relative positioned) {BODY} at (0,0) size 800x494 | 6 LayoutBlockFlow (relative positioned) {BODY} at (0,0) size 800x496 |
| 7 LayoutBlockFlow {DIV} at (0,0) size 800x55 | 7 LayoutBlockFlow {DIV} at (0,0) size 800x55 |
| 8 LayoutText {#text} at (0,20) size 73x18 | 8 LayoutText {#text} at (0,20) size 73x18 |
| 9 text run at (0,20) width 73: "before text " | 9 text run at (0,20) width 73: "before text " |
| 10 LayoutFlexibleBox {DIV} at (72.84,5) size 129.73x50 [bgcolor=#D3D3D3] | 10 LayoutFlexibleBox {DIV} at (72.84,5) size 129.73x50 [bgcolor=#D3D3D3] |
| 11 LayoutBlockFlow {DIV} at (0,32) size 39.11x18 | 11 LayoutBlockFlow {DIV} at (0,32) size 39.11x18 |
| 12 LayoutText {#text} at (0,0) size 40x18 | 12 LayoutText {#text} at (0,0) size 40x18 |
| 13 text run at (0,0) width 40: "below" | 13 text run at (0,0) width 40: "below" |
| 14 LayoutBlockFlow {DIV} at (39.11,15) size 52.42x18 | 14 LayoutBlockFlow {DIV} at (39.11,15) size 52.42x18 |
| 15 LayoutText {#text} at (0,0) size 53x18 | 15 LayoutText {#text} at (0,0) size 53x18 |
| 16 text run at (0,0) width 53: "baseline" | 16 text run at (0,0) width 53: "baseline" |
| 17 LayoutBlockFlow {DIV} at (91.53,0) size 38.20x18 | 17 LayoutBlockFlow {DIV} at (91.53,0) size 38.20x18 |
| 18 LayoutText {#text} at (0,0) size 39x18 | 18 LayoutText {#text} at (0,0) size 39x18 |
| 19 text run at (0,0) width 39: "above" | 19 text run at (0,0) width 39: "above" |
| 20 LayoutText {#text} at (202,20) size 62x18 | 20 LayoutText {#text} at (202,20) size 62x18 |
| 21 text run at (202,20) width 62: " after text" | 21 text run at (202,20) width 62: " after text" |
| 22 LayoutBlockFlow {DIV} at (0,55) size 800x45 | 22 LayoutBlockFlow {DIV} at (0,55) size 800x45 |
| 23 LayoutText {#text} at (0,27) size 73x18 | 23 LayoutText {#text} at (0,27) size 73x18 |
| 24 text run at (0,27) width 73: "before text " | 24 text run at (0,27) width 73: "before text " |
| 25 LayoutFlexibleBox {DIV} at (72.84,5) size 90.63x40 [bgcolor=#D3D3D3] | 25 LayoutFlexibleBox {DIV} at (72.84,5) size 90.63x40 [bgcolor=#D3D3D3] |
| 26 LayoutBlockFlow {DIV} at (0,22) size 52.42x18 | 26 LayoutBlockFlow {DIV} at (0,22) size 52.42x18 |
| 27 LayoutText {#text} at (0,0) size 53x18 | 27 LayoutText {#text} at (0,0) size 53x18 |
| 28 text run at (0,0) width 53: "baseline" | 28 text run at (0,0) width 53: "baseline" |
| 29 LayoutBlockFlow {DIV} at (52.42,0) size 0x0 | 29 LayoutBlockFlow {DIV} at (52.42,0) size 0x0 |
| 30 LayoutBlockFlow {DIV} at (52.42,0) size 38.20x18 | 30 LayoutBlockFlow {DIV} at (52.42,0) size 38.20x18 |
| 31 LayoutText {#text} at (0,0) size 39x18 | 31 LayoutText {#text} at (0,0) size 39x18 |
| 32 text run at (0,0) width 39: "above" | 32 text run at (0,0) width 39: "above" |
| 33 LayoutText {#text} at (163,27) size 62x18 | 33 LayoutText {#text} at (163,27) size 62x18 |
| 34 text run at (163,27) width 62: " after text" | 34 text run at (163,27) width 62: " after text" |
| 35 LayoutBlockFlow {DIV} at (0,100) size 800x72 | 35 LayoutBlockFlow {DIV} at (0,100) size 800x73 |
| 36 LayoutText {#text} at (0,32) size 73x18 | 36 LayoutText {#text} at (0,32) size 73x18 |
| 37 text run at (0,32) width 73: "before text " | 37 text run at (0,32) width 73: "before text " |
| 38 LayoutFlexibleBox {DIV} at (72.84,5) size 152.23x67.81 [bgcolor=#D3D3D3] | 38 LayoutFlexibleBox {DIV} at (72.84,5) size 152.23x67.81 [bgcolor=#D3D3D3] |
| 39 LayoutBlockFlow {H2} at (0,19.91) size 114.03x28 | 39 LayoutBlockFlow {H2} at (0,19.91) size 114.03x28 |
| 40 LayoutText {#text} at (0,0) size 115x28 | 40 LayoutText {#text} at (0,0) size 115x28 |
| 41 text run at (0,0) width 115: "h2 baseline" | 41 text run at (0,0) width 115: "h2 baseline" |
| 42 LayoutBlockFlow {DIV} at (114.03,0) size 38.20x67.81 | 42 LayoutBlockFlow {DIV} at (114.03,0) size 38.20x67.81 |
| 43 LayoutText {#text} at (0,0) size 39x18 | 43 LayoutText {#text} at (0,0) size 39x18 |
| 44 text run at (0,0) width 39: "above" | 44 text run at (0,0) width 39: "above" |
| 45 LayoutText {#text} at (225,32) size 62x18 | 45 LayoutText {#text} at (225,32) size 62x18 |
| 46 text run at (225,32) width 62: " after text" | 46 text run at (225,32) width 62: " after text" |
| 47 LayoutBlockFlow {DIV} at (0,172) size 800x72 | 47 LayoutBlockFlow {DIV} at (0,173) size 800x73 |
| 48 LayoutText {#text} at (0,5) size 73x18 | 48 LayoutText {#text} at (0,5) size 73x18 |
| 49 text run at (0,5) width 73: "before text " | 49 text run at (0,5) width 73: "before text " |
| 50 LayoutFlexibleBox {DIV} at (72.84,5) size 143.78x67.81 [bgcolor=#D3D3D3] | 50 LayoutFlexibleBox {DIV} at (72.84,5) size 143.78x67.81 [bgcolor=#D3D3D3] |
| 51 LayoutBlockFlow {DIV} at (0,0) size 52.42x67.81 | 51 LayoutBlockFlow {DIV} at (0,0) size 52.42x67.81 |
| 52 LayoutText {#text} at (0,0) size 53x18 | 52 LayoutText {#text} at (0,0) size 53x18 |
| 53 text run at (0,0) width 53: "baseline" | 53 text run at (0,0) width 53: "baseline" |
| 54 LayoutBlockFlow {H2} at (52.42,19.91) size 91.36x28 | 54 LayoutBlockFlow {H2} at (52.42,19.91) size 91.36x28 |
| 55 LayoutText {#text} at (0,0) size 92x28 | 55 LayoutText {#text} at (0,0) size 92x28 |
| 56 text run at (0,0) width 92: "h2 below" | 56 text run at (0,0) width 92: "h2 below" |
| 57 LayoutText {#text} at (216,5) size 62x18 | 57 LayoutText {#text} at (216,5) size 62x18 |
| 58 text run at (216,5) width 62: " after text" | 58 text run at (216,5) width 62: " after text" |
| 59 LayoutBlockFlow {DIV} at (0,244) size 800x45 | 59 LayoutBlockFlow {DIV} at (0,246) size 800x45 |
| 60 LayoutText {#text} at (0,12) size 188x18 | 60 LayoutText {#text} at (0,12) size 188x18 |
| 61 text run at (0,12) width 188: "should align with the middle " | 61 text run at (0,12) width 188: "should align with the middle " |
| 62 LayoutFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3] | 62 LayoutFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3] |
| 63 LayoutBlockFlow {DIV} at (0,0) size 40x21 [border: none (1px solid #0000
00) none] | 63 LayoutBlockFlow {DIV} at (0,0) size 40x21 [border: none (1px solid #0000
00) none] |
| 64 LayoutText {#text} at (227,12) size 126x18 | 64 LayoutText {#text} at (227,12) size 126x18 |
| 65 text run at (227,12) width 126: " of the grey flexbox" | 65 text run at (227,12) width 126: " of the grey flexbox" |
| 66 LayoutBlockFlow {DIV} at (0,289) size 800x39 | 66 LayoutBlockFlow {DIV} at (0,291) size 800x39 |
| 67 LayoutText {#text} at (0,21) size 188x18 | 67 LayoutText {#text} at (0,21) size 188x18 |
| 68 text run at (0,21) width 188: "should align with the bottom " | 68 text run at (0,21) width 188: "should align with the bottom " |
| 69 LayoutFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3] | 69 LayoutFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3] |
| 70 LayoutText {#text} at (217,21) size 127x18 | 70 LayoutText {#text} at (217,21) size 127x18 |
| 71 text run at (217,21) width 127: " of the grey flexbox" | 71 text run at (217,21) width 127: " of the grey flexbox" |
| 72 LayoutBlockFlow {DIV} at (0,328) size 800x41 | 72 LayoutBlockFlow {DIV} at (0,330) size 800x41 |
| 73 LayoutText {#text} at (0,5) size 73x18 | 73 LayoutText {#text} at (0,5) size 73x18 |
| 74 text run at (0,5) width 73: "before text " | 74 text run at (0,5) width 73: "before text " |
| 75 LayoutFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3] | 75 LayoutFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3] |
| 76 LayoutBlockFlow {DIV} at (0,0) size 52.42x18 | 76 LayoutBlockFlow {DIV} at (0,0) size 52.42x18 |
| 77 LayoutText {#text} at (0,0) size 53x18 | 77 LayoutText {#text} at (0,0) size 53x18 |
| 78 text run at (0,0) width 53: "baseline" | 78 text run at (0,0) width 53: "baseline" |
| 79 LayoutBlockFlow {DIV} at (0,18) size 52.42x18 | 79 LayoutBlockFlow {DIV} at (0,18) size 52.42x18 |
| 80 LayoutText {#text} at (0,0) size 40x18 | 80 LayoutText {#text} at (0,0) size 40x18 |
| 81 text run at (0,0) width 40: "below" | 81 text run at (0,0) width 40: "below" |
| 82 LayoutText {#text} at (125,5) size 62x18 | 82 LayoutText {#text} at (125,5) size 62x18 |
| 83 text run at (125,5) width 62: " after text" | 83 text run at (125,5) width 62: " after text" |
| 84 LayoutBlockFlow {DIV} at (0,369) size 800x41 | 84 LayoutBlockFlow {DIV} at (0,371) size 800x41 |
| 85 LayoutText {#text} at (0,23) size 73x18 | 85 LayoutText {#text} at (0,23) size 73x18 |
| 86 text run at (0,23) width 73: "before text " | 86 text run at (0,23) width 73: "before text " |
| 87 LayoutFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3] | 87 LayoutFlexibleBox {DIV} at (72.84,5) size 52.42x36 [bgcolor=#D3D3D3] |
| 88 LayoutBlockFlow {DIV} at (0,18) size 52.42x18 | 88 LayoutBlockFlow {DIV} at (0,18) size 52.42x18 |
| 89 LayoutText {#text} at (0,0) size 53x18 | 89 LayoutText {#text} at (0,0) size 53x18 |
| 90 text run at (0,0) width 53: "baseline" | 90 text run at (0,0) width 53: "baseline" |
| 91 LayoutBlockFlow {DIV} at (0,0) size 52.42x18 | 91 LayoutBlockFlow {DIV} at (0,0) size 52.42x18 |
| 92 LayoutText {#text} at (0,0) size 39x18 | 92 LayoutText {#text} at (0,0) size 39x18 |
| 93 text run at (0,0) width 39: "above" | 93 text run at (0,0) width 39: "above" |
| 94 LayoutText {#text} at (125,23) size 62x18 | 94 LayoutText {#text} at (125,23) size 62x18 |
| 95 text run at (125,23) width 62: " after text" | 95 text run at (125,23) width 62: " after text" |
| 96 LayoutBlockFlow {DIV} at (0,410) size 800x45 | 96 LayoutBlockFlow {DIV} at (0,412) size 800x45 |
| 97 LayoutText {#text} at (0,11) size 188x18 | 97 LayoutText {#text} at (0,11) size 188x18 |
| 98 text run at (0,11) width 188: "should align with the middle " | 98 text run at (0,11) width 188: "should align with the middle " |
| 99 LayoutFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3] | 99 LayoutFlexibleBox {DIV} at (187.09,5) size 40x40 [bgcolor=#D3D3D3] |
| 100 LayoutBlockFlow {DIV} at (0,0) size 40x20.50 [border: none (1px solid #0
00000) none] | 100 LayoutBlockFlow {DIV} at (0,0) size 40x20.50 [border: none (1px solid #0
00000) none] |
| 101 LayoutBlockFlow {DIV} at (0,20.50) size 40x19.50 | 101 LayoutBlockFlow {DIV} at (0,20.50) size 40x19.50 |
| 102 LayoutText {#text} at (227,11) size 126x18 | 102 LayoutText {#text} at (227,11) size 126x18 |
| 103 text run at (227,11) width 126: " of the grey flexbox" | 103 text run at (227,11) width 126: " of the grey flexbox" |
| 104 LayoutBlockFlow {DIV} at (0,455) size 800x39 | 104 LayoutBlockFlow {DIV} at (0,457) size 800x39 |
| 105 LayoutText {#text} at (0,21) size 188x18 | 105 LayoutText {#text} at (0,21) size 188x18 |
| 106 text run at (0,21) width 188: "should align with the bottom " | 106 text run at (0,21) width 188: "should align with the bottom " |
| 107 LayoutFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3] | 107 LayoutFlexibleBox {DIV} at (187.98,5) size 30x30 [bgcolor=#D3D3D3] |
| 108 LayoutText {#text} at (217,21) size 127x18 | 108 LayoutText {#text} at (217,21) size 127x18 |
| 109 text run at (217,21) width 127: " of the grey flexbox" | 109 text run at (217,21) width 127: " of the grey flexbox" |
| 110 layer at (400,0) size 360x417 | 110 layer at (400,0) size 360x417 |
| 111 LayoutBlockFlow (positioned) {DIV} at (400,0) size 360x417 | 111 LayoutBlockFlow (positioned) {DIV} at (400,0) size 360x417 |
| 112 LayoutBlockFlow {DIV} at (0,0) size 360x53 | 112 LayoutBlockFlow {DIV} at (0,0) size 360x53 |
| 113 LayoutText {#text} at (0,35) size 73x18 | 113 LayoutText {#text} at (0,35) size 73x18 |
| 114 text run at (0,35) width 73: "before text " | 114 text run at (0,35) width 73: "before text " |
| (...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 219 LayoutBR {BR} at (156,15) size 1x18 | 219 LayoutBR {BR} at (156,15) size 1x18 |
| 220 LayoutText {#text} at (0,33) size 164x18 | 220 LayoutText {#text} at (0,33) size 164x18 |
| 221 text run at (0,33) width 164: "the non-scrolled position;" | 221 text run at (0,33) width 164: "the non-scrolled position;" |
| 222 LayoutBR {BR} at (163,33) size 1x18 | 222 LayoutBR {BR} at (163,33) size 1x18 |
| 223 LayoutText {#text} at (0,51) size 114x18 | 223 LayoutText {#text} at (0,51) size 114x18 |
| 224 text run at (0,51) width 114: "this won't line up." | 224 text run at (0,51) width 114: "this won't line up." |
| 225 layer at (473,5) size 53x18 | 225 layer at (473,5) size 53x18 |
| 226 LayoutBlockFlow (positioned) {DIV} at (72.84,5) size 53.33x18 | 226 LayoutBlockFlow (positioned) {DIV} at (72.84,5) size 53.33x18 |
| 227 LayoutText {#text} at (0,0) size 54x18 | 227 LayoutText {#text} at (0,0) size 54x18 |
| 228 text run at (0,0) width 54: "absolute" | 228 text run at (0,0) width 54: "absolute" |
| OLD | NEW |