| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x72 |
| RenderBlock {HTML} at (0,0) size 800x72 |
| RenderBody {BODY} at (8,8) size 784x56 |
| RenderBlock {DIV} at (0,0) size 784x36 |
| RenderText {#text} at (0,0) size 761x36 |
| text run at (0,0) width 761: "When the caret reaches the edge of the input box or content editable div, on the next input if must jump to the center of" |
| text run at (0,18) width 73: "the control." |
| layer at (8,44) size 82x20 clip at (9,45) size 80x18 scrollX 42 scrollWidth 337 |
| RenderBlock {DIV} at (0,36) size 82x20 [border: (1px solid #000000)] |
| RenderText {#text} at (1,1) size 336x18 |
| text run at (1,1) width 336: "012345678901012345678901234567890123456789" |
| caret: position 12 of child 0 {#text} of child 5 {DIV} of body |
