| 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 800x72 | 3 layer at (0,0) size 800x72 |
| 4 RenderBlock {HTML} at (0,0) size 800x72 | 4 RenderBlock {HTML} at (0,0) size 800x72 |
| 5 RenderBody {BODY} at (8,8) size 784x56 | 5 RenderBody {BODY} at (8,8) size 784x56 |
| 6 RenderBlock {DIV} at (0,0) size 784x36 | 6 RenderBlock {DIV} at (0,0) size 784x36 |
| 7 RenderText {#text} at (0,0) size 769x36 | 7 RenderText {#text} at (0,0) size 769x36 |
| 8 text run at (0,0) width 769: "When the caret reaches the edge of the i
nput box or content editable div, on the next input if must jump to the center o
f the" | 8 text run at (0,0) width 769: "When the caret reaches the edge of the i
nput box or content editable div, on the next input if must jump to the center o
f the" |
| 9 text run at (0,18) width 48: "control." | 9 text run at (0,18) width 48: "control." |
| 10 layer at (8,44) size 82x20 clip at (9,45) size 80x18 scrollX 42 scrollWidth 337 | 10 layer at (8,44) size 82x20 clip at (9,45) size 80x18 scrollX 42 scrollWidth 337 |
| 11 RenderBlock {DIV} at (0,36) size 82x20 [border: (1px solid #000000)] | 11 RenderBlock {DIV} at (0,36) size 82x20 [border: (1px solid #000000)] |
| 12 RenderText {#text} at (1,1) size 336x18 | 12 RenderText {#text} at (1,1) size 336x18 |
| 13 text run at (1,1) width 336: "012345678901012345678901234567890123456789" | 13 text run at (1,1) width 336: "012345678901012345678901234567890123456789" |
| 14 hidden layer at (8,44) size 8x18 |
| 15 RenderBlock (positioned) {SPAN} at (8,44) size 8x18 |
| 16 RenderText {#text} at (0,0) size 8x18 |
| 17 text run at (0,0) width 8: "0" |
| 14 caret: position 12 of child 0 {#text} of child 5 {DIV} of body | 18 caret: position 12 of child 0 {#text} of child 5 {DIV} of body |
| OLD | NEW |