layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x410
  RenderBlock {HTML} at (0,0) size 800x410
    RenderBody {BODY} at (8,16) size 784x378
      RenderBlock {P} at (0,0) size 784x20
        RenderText {#text} at (0,0) size 314x19
          text run at (0,0) width 314: "This test is a basic check for using text-overflow."
      RenderBlock {P} at (0,36) size 784x120
        RenderText {#text} at (0,0) size 490x19
          text run at (0,0) width 490: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
        RenderBR {BR} at (489,0) size 1x19
        RenderTextControl {INPUT} at (2,22) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (158,21) size 5x19
          text run at (158,21) width 5: " "
        RenderTextControl {INPUT} at (164,22) size 167x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 154x15
            RenderBlock {DIV} at (0,1) size 11x12
            RenderBlock {DIV} at (15,0) size 138x14
            RenderBlock {DIV} at (152,7) size 0x0
        RenderText {#text} at (332,21) size 5x19
          text run at (332,21) width 5: " "
        RenderTextControl {INPUT} at (338,22) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (495,21) size 5x19
          text run at (495,21) width 5: " "
        RenderTextControl {INPUT} at (501,22) size 167x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 154x15
            RenderBlock {DIV} at (0,1) size 11x12
            RenderBlock {DIV} at (15,0) size 138x14
            RenderBlock {DIV} at (152,7) size 0x0
        RenderText {#text} at (0,0) size 0x0
        RenderTextControl {INPUT} at (2,47) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
          RenderFlexibleBox {DIV} at (6,3) size 143x15
            RenderBlock {DIV} at (0,0) size 142x14
        RenderBR {BR} at (158,46) size 1x19
        RenderTextControl {INPUT} at (2,72) size 153x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (156,71) size 5x19
          text run at (156,71) width 5: " "
        RenderTextControl {INPUT} at (162,72) size 165x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 152x15
            RenderBlock {DIV} at (139,1) size 12x12
            RenderBlock {DIV} at (0,0) size 136x14
            RenderBlock {DIV} at (0,7) size 0x0
        RenderText {#text} at (328,71) size 5x19
          text run at (328,71) width 5: " "
        RenderTextControl {INPUT} at (334,72) size 154x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (489,71) size 5x19
          text run at (489,71) width 5: " "
        RenderTextControl {INPUT} at (495,72) size 165x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 152x15
            RenderBlock {DIV} at (139,1) size 12x12
            RenderBlock {DIV} at (0,0) size 136x14
            RenderBlock {DIV} at (0,7) size 0x0
        RenderText {#text} at (0,0) size 0x0
        RenderTextControl {INPUT} at (2,97) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
          RenderFlexibleBox {DIV} at (6,3) size 143x15
            RenderBlock {DIV} at (0,0) size 142x14
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,172) size 784x120
        RenderText {#text} at (0,0) size 547x19
          text run at (0,0) width 547: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
        RenderBR {BR} at (546,0) size 1x19
        RenderTextControl {INPUT} at (2,22) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (158,21) size 5x19
          text run at (158,21) width 5: " "
        RenderTextControl {INPUT} at (164,22) size 167x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 154x15
            RenderBlock {DIV} at (0,1) size 11x12
            RenderBlock {DIV} at (15,0) size 138x14
            RenderBlock {DIV} at (152,7) size 0x0
        RenderText {#text} at (332,21) size 5x19
          text run at (332,21) width 5: " "
        RenderTextControl {INPUT} at (338,22) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (495,21) size 5x19
          text run at (495,21) width 5: " "
        RenderTextControl {INPUT} at (501,22) size 167x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 154x15
            RenderBlock {DIV} at (0,1) size 11x12
            RenderBlock {DIV} at (15,0) size 138x14
            RenderBlock {DIV} at (152,7) size 0x0
        RenderText {#text} at (0,0) size 0x0
        RenderTextControl {INPUT} at (2,47) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
          RenderFlexibleBox {DIV} at (6,3) size 143x15
            RenderBlock {DIV} at (0,0) size 142x14
        RenderBR {BR} at (158,46) size 1x19
        RenderTextControl {INPUT} at (2,72) size 153x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (156,71) size 5x19
          text run at (156,71) width 5: " "
        RenderTextControl {INPUT} at (162,72) size 165x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 152x15
            RenderBlock {DIV} at (139,1) size 12x12
            RenderBlock {DIV} at (0,0) size 136x14
            RenderBlock {DIV} at (0,7) size 0x0
        RenderText {#text} at (328,71) size 5x19
          text run at (328,71) width 5: " "
        RenderTextControl {INPUT} at (334,72) size 154x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (489,71) size 5x19
          text run at (489,71) width 5: " "
        RenderTextControl {INPUT} at (495,72) size 165x22 [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)]
          RenderFlexibleBox {DIV} at (6,3) size 152x15
            RenderBlock {DIV} at (139,1) size 12x12
            RenderBlock {DIV} at (0,0) size 136x14
            RenderBlock {DIV} at (0,7) size 0x0
        RenderText {#text} at (0,0) size 0x0
        RenderTextControl {INPUT} at (2,97) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
          RenderFlexibleBox {DIV} at (6,3) size 143x15
            RenderBlock {DIV} at (0,0) size 142x14
        RenderText {#text} at (0,0) size 0x0
      RenderBlock {P} at (0,308) size 784x70
        RenderText {#text} at (0,0) size 238x19
          text run at (0,0) width 238: "Dynamic style change text-overflow:"
        RenderBR {BR} at (237,0) size 1x19
        RenderText {#text} at (0,21) size 247x19
          text run at (0,21) width 247: "Clip to ellipsis (should show ellipsis): "
        RenderTextControl {INPUT} at (248,22) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (405,21) size 5x19
          text run at (405,21) width 5: " "
        RenderTextControl {INPUT} at (411,22) size 155x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (567,21) size 5x19
          text run at (567,21) width 5: " "
        RenderBR {BR} at (571,21) size 1x19
        RenderText {#text} at (0,46) size 270x19
          text run at (0,46) width 270: "Ellipsis to clip (should not show ellipsis): "
        RenderTextControl {INPUT} at (271,47) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (428,46) size 5x19
          text run at (428,46) width 5: " "
        RenderTextControl {INPUT} at (434,47) size 156x22 [bgcolor=#FFFFFF] [border: (1px solid #3C3C4399)]
        RenderText {#text} at (591,46) size 5x19
          text run at (591,46) width 5: " "
        RenderBR {BR} at (595,46) size 1x19
layer at (17,77) size 141x14 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,77) size 141x14
  RenderBlock {DIV} at (6,3) size 143x15
layer at (194,77) size 137x14 scrollWidth 288
  RenderBlock {DIV} at (21,3) size 139x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (194,77) size 138x14
  RenderBlock {DIV} at (0,0) size 138x14
layer at (353,77) size 141x14 scrollWidth 290
  RenderBlock {DIV} at (6,3) size 143x15
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (531,77) size 138x14 scrollWidth 290
  RenderBlock {DIV} at (0,0) size 138x14
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,102) size 142x14 backgroundClip at (17,102) size 141x14 clip at (17,102) size 141x14 scrollWidth 387
  RenderBlock {DIV} at (0,0) size 142x14
    RenderText {#text} at (0,0) size 385x14
      text run at (0,0) width 385: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}"
layer at (17,127) size 139x14 scrollX 148 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 141x15 [color=#A9A9A9]
    RenderText {#text} at (-147,0) size 288x14
      text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,127) size 139x14
  RenderBlock {DIV} at (6,3) size 141x15
layer at (177,127) size 135x14 scrollX 152 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 137x15 [color=#A9A9A9]
    RenderText {#text} at (-151,0) size 288x14
      text run at (-151,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (177,127) size 136x14
  RenderBlock {DIV} at (0,0) size 136x14
layer at (349,127) size 139x14 scrollX 149 scrollWidth 289
  RenderBlock {DIV} at (6,3) size 141x15
    RenderText {#text} at (-147,0) size 288x14
      text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (510,127) size 136x14 scrollX 153 scrollWidth 289
  RenderBlock {DIV} at (0,0) size 136x14
    RenderText {#text} at (-151,0) size 288x14
      text run at (-151,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,152) size 142x14 backgroundClip at (17,152) size 141x14 clip at (17,152) size 141x14 scrollWidth 387
  RenderBlock {DIV} at (0,0) size 142x14
    RenderText {#text} at (0,0) size 385x14
      text run at (0,0) width 385: "\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}\x{F79A}"
layer at (17,213) size 141x14 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,213) size 141x14
  RenderBlock {DIV} at (6,3) size 143x15
layer at (194,213) size 137x14 scrollWidth 288
  RenderBlock {DIV} at (21,3) size 139x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (194,213) size 138x14
  RenderBlock {DIV} at (0,0) size 138x14
layer at (353,213) size 141x14 scrollWidth 290
  RenderBlock {DIV} at (6,3) size 143x15
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (531,213) size 138x14 scrollWidth 290
  RenderBlock {DIV} at (0,0) size 138x14
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,238) size 142x14 backgroundClip at (17,238) size 141x14 clip at (17,238) size 141x14 scrollWidth 387
  RenderBlock {DIV} at (0,0) size 142x14
    RenderText {#text} at (0,0) size 385x14
      text run at (0,0) width 385: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}"
layer at (17,263) size 139x14 scrollX 148 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 141x15 [color=#A9A9A9]
    RenderText {#text} at (-147,0) size 288x14
      text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,263) size 139x14
  RenderBlock {DIV} at (6,3) size 141x15
layer at (177,263) size 135x14 scrollX 152 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 137x15 [color=#A9A9A9]
    RenderText {#text} at (-151,0) size 288x14
      text run at (-151,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (177,263) size 136x14
  RenderBlock {DIV} at (0,0) size 136x14
layer at (349,263) size 139x14 scrollX 148 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 141x15
    RenderText {#text} at (-147,0) size 288x14
      text run at (-147,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (510,263) size 136x14 scrollX 152 scrollWidth 288
  RenderBlock {DIV} at (0,0) size 136x14
    RenderText {#text} at (-151,0) size 288x14
      text run at (-151,0) width 287: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (17,288) size 142x14 backgroundClip at (17,288) size 141x14 clip at (17,288) size 141x14 scrollWidth 394
  RenderBlock {DIV} at (0,0) size 142x14
    RenderText {#text} at (7,0) size 385x14
      text run at (7,0) width 385: "\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}\x{25CF}"
layer at (263,349) size 141x14 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (263,349) size 141x14
  RenderBlock {DIV} at (6,3) size 143x15
layer at (426,349) size 141x14 scrollWidth 290
  RenderBlock {DIV} at (6,3) size 143x15
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (286,374) size 141x14 scrollWidth 288
  RenderBlock {DIV} at (6,3) size 143x15 [color=#A9A9A9]
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
layer at (286,374) size 141x14
  RenderBlock {DIV} at (6,3) size 143x15
layer at (449,374) size 141x14 scrollWidth 290
  RenderBlock {DIV} at (6,3) size 143x15
    RenderText {#text} at (0,0) size 288x14
      text run at (0,0) width 288: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"