layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x576
      RenderBlock {P} at (0,0) size 784x60
        RenderText {#text} at (0,0) size 743x59
          text run at (0,0) width 743: "This tests to see if a mouse click inside an editable, focusable node focuses that node. Normally, we focus a node on"
          text run at (0,20) width 738: "mouse down, but to make it easier to drag selections containing editable pieces we delay focus until mouse up. The"
          text run at (0,40) width 535: "editable table cell should be focused and you should see a 'Success' message below."
      RenderBlock {DIV} at (0,76) size 784x30
        RenderTable {TABLE} at (0,0) size 147x30 [border: (1px outset #808080)]
          RenderTableSection {TBODY} at (1,1) size 145x28
            RenderTableRow {TR} at (0,2) size 145x24
              RenderTableCell {TD} at (2,2) size 84x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                RenderText {#text} at (2,2) size 80x19
                  text run at (2,2) width 80: "non-editable"
              RenderTableCell {TD} at (87,2) size 56x24 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
                RenderText {#text} at (2,2) size 51x19
                  text run at (2,2) width 51: "editable"
      RenderBlock {DIV} at (0,106) size 784x20
        RenderBR {BR} at (0,0) size 0x19
      RenderBlock {UL} at (0,142) size 784x0
selection start: position 0 of child 0 {TABLE} of child 2 {DIV} of body
selection end:   position 1 of child 0 {TABLE} of child 2 {DIV} of body
