| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x62 |
| RenderBlock {HTML} at (0,0) size 800x62 |
| RenderBody {BODY} at (8,8) size 784x46 |
| RenderBlock {DIV} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 646x19 |
| text run at (0,0) width 646: "When the caret reaches the edge of the input box, on the next input if must jump to the center of the control." |
| RenderBlock (anonymous) at (0,20) size 784x26 |
| RenderTextControl {INPUT} at (2,2) size 80x22 [bgcolor=#FFFFFF] [border: (2px inset #000000)] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (12,33) size 76x16 scrollX 40 scrollWidth 295 |
| RenderBlock {DIV} at (2,3) size 76x16 |
| RenderText {#text} at (0,0) size 294x16 |
| text run at (0,0) width 294: "012345678901012345678901234567890123456789" |
| caret: position 12 of child 0 {#text} of child 0 {DIV} of {#document-fragment} of child 3 {INPUT} of body |