| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x494 | 3 layer at (0,0) size 800x494 |
| 4 RenderBlock {HTML} at (0,0) size 800x494 | 4 RenderBlock {HTML} at (0,0) size 800x494 |
| 5 layer at (0,0) size 800x494 | 5 layer at (0,0) size 800x494 |
| 6 RenderBody {BODY} at (0,0) size 800x494 | 6 RenderBody {BODY} at (0,0) size 800x494 |
| 7 RenderBlock {DIV} at (0,0) size 800x55 | 7 RenderBlock {DIV} at (0,0) size 800x55 |
| 8 RenderText {#text} at (0,20) size 71x18 | 8 RenderText {#text} at (0,20) size 71x18 |
| 9 text run at (0,20) width 71: "before text " | 9 text run at (0,20) width 71: "before text " |
| 10 RenderFlexibleBox {DIV} at (71,5) size 128x50 [bgcolor=#D3D3D3] | 10 RenderFlexibleBox {DIV} at (71,5) size 128x50 [bgcolor=#D3D3D3] |
| (...skipping 17 matching lines...) Expand all Loading... |
| 28 text run at (0,0) width 51: "baseline" | 28 text run at (0,0) width 51: "baseline" |
| 29 RenderBlock {DIV} at (51,0) size 0x0 | 29 RenderBlock {DIV} at (51,0) size 0x0 |
| 30 RenderBlock {DIV} at (51,0) size 38x18 | 30 RenderBlock {DIV} at (51,0) size 38x18 |
| 31 RenderText {#text} at (0,0) size 38x18 | 31 RenderText {#text} at (0,0) size 38x18 |
| 32 text run at (0,0) width 38: "above" | 32 text run at (0,0) width 38: "above" |
| 33 RenderText {#text} at (160,27) size 59x18 | 33 RenderText {#text} at (160,27) size 59x18 |
| 34 text run at (160,27) width 59: " after text" | 34 text run at (160,27) width 59: " after text" |
| 35 RenderBlock {DIV} at (0,100) size 800x72 | 35 RenderBlock {DIV} at (0,100) size 800x72 |
| 36 RenderText {#text} at (0,32) size 71x18 | 36 RenderText {#text} at (0,32) size 71x18 |
| 37 text run at (0,32) width 71: "before text " | 37 text run at (0,32) width 71: "before text " |
| 38 RenderFlexibleBox {DIV} at (71,5) size 152x68 [bgcolor=#D3D3D3] | 38 RenderFlexibleBox {DIV} at (71,5) size 152x67.81 [bgcolor=#D3D3D3] |
| 39 RenderBlock {H2} at (0,19) size 114x29 | 39 RenderBlock {H2} at (0,19.91) size 114x28 |
| 40 RenderText {#text} at (0,0) size 114x28 | 40 RenderText {#text} at (0,0) size 114x28 |
| 41 text run at (0,0) width 114: "h2 baseline" | 41 text run at (0,0) width 114: "h2 baseline" |
| 42 RenderBlock {DIV} at (114,0) size 38x68 | 42 RenderBlock {DIV} at (114,0) size 38x67.81 |
| 43 RenderText {#text} at (0,0) size 38x18 | 43 RenderText {#text} at (0,0) size 38x18 |
| 44 text run at (0,0) width 38: "above" | 44 text run at (0,0) width 38: "above" |
| 45 RenderText {#text} at (223,32) size 59x18 | 45 RenderText {#text} at (223,32) size 59x18 |
| 46 text run at (223,32) width 59: " after text" | 46 text run at (223,32) width 59: " after text" |
| 47 RenderBlock {DIV} at (0,172) size 800x72 | 47 RenderBlock {DIV} at (0,172) size 800x72 |
| 48 RenderText {#text} at (0,5) size 71x18 | 48 RenderText {#text} at (0,5) size 71x18 |
| 49 text run at (0,5) width 71: "before text " | 49 text run at (0,5) width 71: "before text " |
| 50 RenderFlexibleBox {DIV} at (71,5) size 142x68 [bgcolor=#D3D3D3] | 50 RenderFlexibleBox {DIV} at (71,5) size 142x67.81 [bgcolor=#D3D3D3] |
| 51 RenderBlock {DIV} at (0,0) size 51x68 | 51 RenderBlock {DIV} at (0,0) size 51x67.81 |
| 52 RenderText {#text} at (0,0) size 51x18 | 52 RenderText {#text} at (0,0) size 51x18 |
| 53 text run at (0,0) width 51: "baseline" | 53 text run at (0,0) width 51: "baseline" |
| 54 RenderBlock {H2} at (51,19) size 91x29 | 54 RenderBlock {H2} at (51,19.91) size 91x28 |
| 55 RenderText {#text} at (0,0) size 91x28 | 55 RenderText {#text} at (0,0) size 91x28 |
| 56 text run at (0,0) width 91: "h2 below" | 56 text run at (0,0) width 91: "h2 below" |
| 57 RenderText {#text} at (213,5) size 59x18 | 57 RenderText {#text} at (213,5) size 59x18 |
| 58 text run at (213,5) width 59: " after text" | 58 text run at (213,5) width 59: " after text" |
| 59 RenderBlock {DIV} at (0,244) size 800x45 | 59 RenderBlock {DIV} at (0,244) size 800x45 |
| 60 RenderText {#text} at (0,12) size 183x18 | 60 RenderText {#text} at (0,12) size 183x18 |
| 61 text run at (0,12) width 183: "should align with the middle " | 61 text run at (0,12) width 183: "should align with the middle " |
| 62 RenderFlexibleBox {DIV} at (183,5) size 40x40 [bgcolor=#D3D3D3] | 62 RenderFlexibleBox {DIV} at (183,5) size 40x40 [bgcolor=#D3D3D3] |
| 63 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] | 63 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] |
| 64 RenderText {#text} at (223,12) size 124x18 | 64 RenderText {#text} at (223,12) size 124x18 |
| (...skipping 25 matching lines...) Expand all Loading... |
| 90 text run at (0,0) width 51: "baseline" | 90 text run at (0,0) width 51: "baseline" |
| 91 RenderBlock {DIV} at (0,0) size 51x18 | 91 RenderBlock {DIV} at (0,0) size 51x18 |
| 92 RenderText {#text} at (0,0) size 38x18 | 92 RenderText {#text} at (0,0) size 38x18 |
| 93 text run at (0,0) width 38: "above" | 93 text run at (0,0) width 38: "above" |
| 94 RenderText {#text} at (122,23) size 59x18 | 94 RenderText {#text} at (122,23) size 59x18 |
| 95 text run at (122,23) width 59: " after text" | 95 text run at (122,23) width 59: " after text" |
| 96 RenderBlock {DIV} at (0,410) size 800x45 | 96 RenderBlock {DIV} at (0,410) size 800x45 |
| 97 RenderText {#text} at (0,11) size 183x18 | 97 RenderText {#text} at (0,11) size 183x18 |
| 98 text run at (0,11) width 183: "should align with the middle " | 98 text run at (0,11) width 183: "should align with the middle " |
| 99 RenderFlexibleBox {DIV} at (183,5) size 40x40 [bgcolor=#D3D3D3] | 99 RenderFlexibleBox {DIV} at (183,5) size 40x40 [bgcolor=#D3D3D3] |
| 100 RenderBlock {DIV} at (0,0) size 40x21 [border: none (1px solid #000000)
none] | 100 RenderBlock {DIV} at (0,0) size 40x20.50 [border: none (1px solid #00000
0) none] |
| 101 RenderBlock {DIV} at (0,20) size 40x20 | 101 RenderBlock {DIV} at (0,20.50) size 40x19.50 |
| 102 RenderText {#text} at (223,11) size 124x18 | 102 RenderText {#text} at (223,11) size 124x18 |
| 103 text run at (223,11) width 124: " of the grey flexbox" | 103 text run at (223,11) width 124: " of the grey flexbox" |
| 104 RenderBlock {DIV} at (0,455) size 800x39 | 104 RenderBlock {DIV} at (0,455) size 800x39 |
| 105 RenderText {#text} at (0,21) size 184x18 | 105 RenderText {#text} at (0,21) size 184x18 |
| 106 text run at (0,21) width 184: "should align with the bottom " | 106 text run at (0,21) width 184: "should align with the bottom " |
| 107 RenderFlexibleBox {DIV} at (184,5) size 30x30 [bgcolor=#D3D3D3] | 107 RenderFlexibleBox {DIV} at (184,5) size 30x30 [bgcolor=#D3D3D3] |
| 108 RenderText {#text} at (214,21) size 124x18 | 108 RenderText {#text} at (214,21) size 124x18 |
| 109 text run at (214,21) width 124: " of the grey flexbox" | 109 text run at (214,21) width 124: " of the grey flexbox" |
| 110 layer at (400,0) size 360x417 | 110 layer at (400,0) size 360x417 |
| 111 RenderBlock (positioned) {DIV} at (400,0) size 360x417 | 111 RenderBlock (positioned) {DIV} at (400,0) size 360x417 |
| (...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 191 RenderTableRow {TR} at (0,2) size 285x80 | 191 RenderTableRow {TR} at (0,2) size 285x80 |
| 192 RenderTableCell {TD} at (2,62) size 46x20 [r=0 c=0 rs=1 cs=1] | 192 RenderTableCell {TD} at (2,62) size 46x20 [r=0 c=0 rs=1 cs=1] |
| 193 RenderText {#text} at (1,1) size 44x18 | 193 RenderText {#text} at (1,1) size 44x18 |
| 194 text run at (1,1) width 44: "bottom" | 194 text run at (1,1) width 44: "bottom" |
| 195 RenderTableCell {TD} at (50,39) size 53x20 [r=0 c=1 rs=1 cs=1] | 195 RenderTableCell {TD} at (50,39) size 53x20 [r=0 c=1 rs=1 cs=1] |
| 196 RenderText {#text} at (1,1) size 51x18 | 196 RenderText {#text} at (1,1) size 51x18 |
| 197 text run at (1,1) width 51: "baseline" | 197 text run at (1,1) width 51: "baseline" |
| 198 RenderTableCell {TD} at (105,2) size 22x20 [r=0 c=2 rs=1 cs=1] | 198 RenderTableCell {TD} at (105,2) size 22x20 [r=0 c=2 rs=1 cs=1] |
| 199 RenderText {#text} at (1,1) size 20x18 | 199 RenderText {#text} at (1,1) size 20x18 |
| 200 text run at (1,1) width 20: "top" | 200 text run at (1,1) width 20: "top" |
| 201 RenderTableCell {TD} at (129,2) size 154x80 [r=0 c=3 rs=1 cs=1] | 201 RenderTableCell {TD} at (129,2) size 154x79.81 [r=0 c=3 rs=1 cs=1] |
| 202 RenderFlexibleBox {DIV} at (1,11) size 152x68 [bgcolor=#808080] | 202 RenderFlexibleBox {DIV} at (1,11) size 152x67.81 [bgcolor=#808080] |
| 203 RenderBlock {H2} at (0,19) size 114x29 | 203 RenderBlock {H2} at (0,19.91) size 114x28 |
| 204 RenderText {#text} at (0,0) size 114x28 | 204 RenderText {#text} at (0,0) size 114x28 |
| 205 text run at (0,0) width 114: "h2 baseline" | 205 text run at (0,0) width 114: "h2 baseline" |
| 206 RenderBlock {DIV} at (114,0) size 38x68 | 206 RenderBlock {DIV} at (114,0) size 38x67.81 |
| 207 RenderText {#text} at (0,0) size 38x18 | 207 RenderText {#text} at (0,0) size 38x18 |
| 208 text run at (0,0) width 38: "above" | 208 text run at (0,0) width 38: "above" |
| 209 RenderBlock {DIV} at (0,347) size 360x70 | 209 RenderBlock {DIV} at (0,347) size 360x70 |
| 210 RenderText {#text} at (0,20) size 71x18 | 210 RenderText {#text} at (0,20) size 71x18 |
| 211 text run at (0,20) width 71: "before text " | 211 text run at (0,20) width 71: "before text " |
| 212 RenderFlexibleBox {DIV} at (71,5) size 174x65 [bgcolor=#D3D3D3] | 212 RenderFlexibleBox {DIV} at (71,5) size 174x65 [bgcolor=#D3D3D3] |
| 213 RenderText {#text} at (245,20) size 59x18 | 213 RenderText {#text} at (245,20) size 59x18 |
| 214 text run at (245,20) width 59: " after text" | 214 text run at (245,20) width 59: " after text" |
| 215 layer at (471,352) size 174x65 clip at (471,352) size 159x65 scrollY 4 scrollHei
ght 69 | 215 layer at (471,352) size 174x65 clip at (471,352) size 159x65 scrollY 4 scrollHei
ght 69 |
| 216 RenderBlock {DIV} at (0,0) size 174x65 | 216 RenderBlock {DIV} at (0,0) size 174x65 |
| 217 RenderText {#text} at (0,15) size 154x18 | 217 RenderText {#text} at (0,15) size 154x18 |
| 218 text run at (0,15) width 154: "The baseline is based on" | 218 text run at (0,15) width 154: "The baseline is based on" |
| 219 RenderBR {BR} at (154,15) size 0x18 | 219 RenderBR {BR} at (154,15) size 0x18 |
| 220 RenderText {#text} at (0,33) size 159x18 | 220 RenderText {#text} at (0,33) size 159x18 |
| 221 text run at (0,33) width 159: "the non-scrolled position;" | 221 text run at (0,33) width 159: "the non-scrolled position;" |
| 222 RenderBR {BR} at (159,33) size 0x18 | 222 RenderBR {BR} at (159,33) size 0x18 |
| 223 RenderText {#text} at (0,51) size 112x18 | 223 RenderText {#text} at (0,51) size 112x18 |
| 224 text run at (0,51) width 112: "this won't line up." | 224 text run at (0,51) width 112: "this won't line up." |
| 225 layer at (471,5) size 52x18 | 225 layer at (471,5) size 52x18 |
| 226 RenderBlock (positioned) {DIV} at (71,5) size 52x18 | 226 RenderBlock (positioned) {DIV} at (71,5) size 52x18 |
| 227 RenderText {#text} at (0,0) size 52x18 | 227 RenderText {#text} at (0,0) size 52x18 |
| 228 text run at (0,0) width 52: "absolute" | 228 text run at (0,0) width 52: "absolute" |
| OLD | NEW |