src/third_party/WebKit/LayoutTests/platform/mac/fast/css/text-overflow-input-expected.txt

   1 layer at (0,0) size 800x600
   2   RenderView at (0,0) size 800x600
   3 layer at (0,0) size 800x258
   4   RenderBlock {HTML} at (0,0) size 800x258
   5     RenderBody {BODY} at (8,16) size 784x226
   6       RenderBlock {P} at (0,0) size 784x16
   7         RenderText {#text} at (0,0) size 316x16
   8           text run at (0,0) width 316: "This test is a basic check for using text-overflow."
   9       RenderBlock {P} at (0,32) size 784x54
  10         RenderText {#text} at (0,0) size 490x16
  11           text run at (0,0) width 490: "Apply \"text-overflow:clip\" to inputs. The following input should be clipped:"
  12         RenderBR {BR} at (489,0) size 1x16
  13         RenderTextControl {INPUT} at (0,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  14         RenderText {#text} at (123,18) size 4x16
  15           text run at (123,18) width 4: " "
  16         RenderTextControl {INPUT} at (127,16) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  17           RenderFlexibleBox {DIV} at (4,3) size 117x13
  18             RenderBlock {DIV} at (0,6.50) size 5x0
  19             RenderBlock {DIV} at (5,0) size 100x13
  20         RenderText {#text} at (252,18) size 4x16
  21           text run at (252,18) width 4: " "
  22         RenderTextControl {INPUT} at (256,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  23         RenderText {#text} at (379,18) size 4x16
  24           text run at (379,18) width 4: " "
  25         RenderTextControl {INPUT} at (383,16) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  26           RenderFlexibleBox {DIV} at (4,3) size 117x13
  27             RenderBlock {DIV} at (0,6.50) size 5x0
  28             RenderBlock {DIV} at (5,0) size 100x13
  29         RenderText {#text} at (508,18) size 4x16
  30           text run at (508,18) width 4: " "
  31         RenderTextControl {INPUT} at (512,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  32         RenderBR {BR} at (635,18) size 0x16
  33         RenderTextControl {INPUT} at (0,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  34         RenderText {#text} at (123,37) size 4x16
  35           text run at (123,37) width 4: " "
  36         RenderTextControl {INPUT} at (127,35) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  37           RenderFlexibleBox {DIV} at (4,3) size 117x13
  38             RenderBlock {DIV} at (0,6.50) size 5x0
  39             RenderBlock {DIV} at (5,0) size 100x13
  40         RenderText {#text} at (252,37) size 4x16
  41           text run at (252,37) width 4: " "
  42         RenderTextControl {INPUT} at (256,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  43         RenderText {#text} at (379,37) size 4x16
  44           text run at (379,37) width 4: " "
  45         RenderTextControl {INPUT} at (383,35) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  46           RenderFlexibleBox {DIV} at (4,3) size 117x13
  47             RenderBlock {DIV} at (0,6.50) size 5x0
  48             RenderBlock {DIV} at (5,0) size 100x13
  49         RenderText {#text} at (508,37) size 4x16
  50           text run at (508,37) width 4: " "
  51         RenderTextControl {INPUT} at (512,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  52         RenderText {#text} at (0,0) size 0x0
  53       RenderBlock {P} at (0,102) size 784x54
  54         RenderText {#text} at (0,0) size 547x16
  55           text run at (0,0) width 547: "Apply \"text-overflow:ellipsis\" to inputs. The following input should show an ellipsis:"
  56         RenderBR {BR} at (546,0) size 1x16
  57         RenderTextControl {INPUT} at (0,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  58         RenderText {#text} at (123,18) size 4x16
  59           text run at (123,18) width 4: " "
  60         RenderTextControl {INPUT} at (127,16) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  61           RenderFlexibleBox {DIV} at (4,3) size 117x13
  62             RenderBlock {DIV} at (0,6.50) size 5x0
  63             RenderBlock {DIV} at (5,0) size 100x13
  64         RenderText {#text} at (252,18) size 4x16
  65           text run at (252,18) width 4: " "
  66         RenderTextControl {INPUT} at (256,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  67         RenderText {#text} at (379,18) size 4x16
  68           text run at (379,18) width 4: " "
  69         RenderTextControl {INPUT} at (383,16) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  70           RenderFlexibleBox {DIV} at (4,3) size 117x13
  71             RenderBlock {DIV} at (0,6.50) size 5x0
  72             RenderBlock {DIV} at (5,0) size 100x13
  73         RenderText {#text} at (508,18) size 4x16
  74           text run at (508,18) width 4: " "
  75         RenderTextControl {INPUT} at (512,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  76         RenderBR {BR} at (635,18) size 0x16
  77         RenderTextControl {INPUT} at (0,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  78         RenderText {#text} at (123,37) size 4x16
  79           text run at (123,37) width 4: " "
  80         RenderTextControl {INPUT} at (127,35) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  81           RenderFlexibleBox {DIV} at (4,3) size 117x13
  82             RenderBlock {DIV} at (0,6.50) size 5x0
  83             RenderBlock {DIV} at (5,0) size 100x13
  84         RenderText {#text} at (252,37) size 4x16
  85           text run at (252,37) width 4: " "
  86         RenderTextControl {INPUT} at (256,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  87         RenderText {#text} at (379,37) size 4x16
  88           text run at (379,37) width 4: " "
  89         RenderTextControl {INPUT} at (383,35) size 125x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  90           RenderFlexibleBox {DIV} at (4,3) size 117x13
  91             RenderBlock {DIV} at (0,6.50) size 5x0
  92             RenderBlock {DIV} at (5,0) size 100x13
  93         RenderText {#text} at (508,37) size 4x16
  94           text run at (508,37) width 4: " "
  95         RenderTextControl {INPUT} at (512,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
  96         RenderText {#text} at (0,0) size 0x0
  97       RenderBlock {P} at (0,172) size 784x54
  98         RenderText {#text} at (0,0) size 238x16
  99           text run at (0,0) width 238: "Dynamic style change text-overflow:"
 100         RenderBR {BR} at (237,0) size 1x16
 101         RenderText {#text} at (0,18) size 247x16
 102           text run at (0,18) width 247: "Clip to ellipsis (should show ellipsis): "
 103         RenderTextControl {INPUT} at (246.23,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
 104         RenderText {#text} at (369,18) size 5x16
 105           text run at (369,18) width 5: " "
 106         RenderTextControl {INPUT} at (373.23,16) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
 107         RenderText {#text} at (496,18) size 5x16
 108           text run at (496,18) width 5: " "
 109         RenderBR {BR} at (0,0) size 0x0
 110         RenderText {#text} at (0,37) size 270x16
 111           text run at (0,37) width 270: "Ellipsis to clip (should not show ellipsis): "
 112         RenderTextControl {INPUT} at (269.78,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
 113         RenderText {#text} at (392,37) size 5x16
 114           text run at (392,37) width 5: " "
 115         RenderTextControl {INPUT} at (396.78,35) size 123x19 [bgcolor=#FFFFFF] [border: (2px inset #EEEEEE)]
 116         RenderText {#text} at (519,37) size 5x16
 117           text run at (519,37) width 5: " "
 118         RenderBR {BR} at (0,0) size 0x0
 119 layer at (11,67) size 117x13 scrollWidth 295
 120   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 121     RenderText {#text} at (0,0) size 296x13
 122       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 123 layer at (11,67) size 117x13
 124   RenderBlock {DIV} at (3,3) size 117x13
 125 layer at (144,67) size 100x13 scrollWidth 295
 126   RenderBlock {DIV} at (9,3) size 100x13 [color=#A9A9A9]
 127     RenderText {#text} at (0,0) size 296x13
 128       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 129 layer at (144,67) size 100x13
 130   RenderBlock {DIV} at (0,0) size 100x13
 131 layer at (267,67) size 117x13 scrollWidth 296
 132   RenderBlock {DIV} at (3,3) size 117x13
 133     RenderText {#text} at (0,0) size 296x13
 134       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 135 layer at (400,67) size 100x13 scrollWidth 296
 136   RenderBlock {DIV} at (0,0) size 100x13
 137     RenderText {#text} at (0,0) size 296x13
 138       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 139 layer at (523,67) size 117x13 scrollWidth 340
 140   RenderBlock {DIV} at (3,3) size 117x13
 141     RenderText {#text} at (0,0) size 340x13
 142       text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
 143 layer at (11,86) size 117x13 scrollX 178.00 scrollWidth 295
 144   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 145     RenderText {#text} at (-178,0) size 296x13
 146       text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 147 layer at (11,86) size 117x13
 148   RenderBlock {DIV} at (3,3) size 117x13
 149 layer at (144,86) size 100x13 scrollX 195.00 scrollWidth 295
 150   RenderBlock {DIV} at (9,3) size 100x13 [color=#A9A9A9]
 151     RenderText {#text} at (-195,0) size 296x13
 152       text run at (-195,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 153 layer at (144,86) size 100x13
 154   RenderBlock {DIV} at (0,0) size 100x13
 155 layer at (267,86) size 117x13 scrollX 178.00 scrollWidth 295
 156   RenderBlock {DIV} at (3,3) size 117x13
 157     RenderText {#text} at (-178,0) size 296x13
 158       text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 159 layer at (400,86) size 100x13 scrollX 195.00 scrollWidth 295
 160   RenderBlock {DIV} at (0,0) size 100x13
 161     RenderText {#text} at (-195,0) size 296x13
 162       text run at (-195,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 163 layer at (523,86) size 117x13 scrollX 222.00 scrollWidth 339
 164   RenderBlock {DIV} at (3,3) size 117x13
 165     RenderText {#text} at (-222,0) size 340x13
 166       text run at (-222,0) width 339 RTL: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
 167 layer at (11,137) size 117x13 scrollWidth 295
 168   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 169     RenderText {#text} at (0,0) size 296x13
 170       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 171 layer at (11,137) size 117x13
 172   RenderBlock {DIV} at (3,3) size 117x13
 173 layer at (144,137) size 100x13 scrollWidth 295
 174   RenderBlock {DIV} at (9,3) size 100x13 [color=#A9A9A9]
 175     RenderText {#text} at (0,0) size 296x13
 176       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 177 layer at (144,137) size 100x13
 178   RenderBlock {DIV} at (0,0) size 100x13
 179 layer at (267,137) size 117x13 scrollWidth 296
 180   RenderBlock {DIV} at (3,3) size 117x13
 181     RenderText {#text} at (0,0) size 296x13
 182       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 183 layer at (400,137) size 100x13 scrollWidth 296
 184   RenderBlock {DIV} at (0,0) size 100x13
 185     RenderText {#text} at (0,0) size 296x13
 186       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 187 layer at (523,137) size 117x13 scrollWidth 340
 188   RenderBlock {DIV} at (3,3) size 117x13
 189     RenderText {#text} at (0,0) size 340x13
 190       text run at (0,0) width 340: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
 191 layer at (11,156) size 117x13 scrollX 178.00 scrollWidth 295
 192   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 193     RenderText {#text} at (-178,0) size 296x13
 194       text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 195 layer at (11,156) size 117x13
 196   RenderBlock {DIV} at (3,3) size 117x13
 197 layer at (144,156) size 100x13 scrollX 195.00 scrollWidth 295
 198   RenderBlock {DIV} at (9,3) size 100x13 [color=#A9A9A9]
 199     RenderText {#text} at (-195,0) size 296x13
 200       text run at (-195,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 201 layer at (144,156) size 100x13
 202   RenderBlock {DIV} at (0,0) size 100x13
 203 layer at (267,156) size 117x13 scrollX 178.00 scrollWidth 295
 204   RenderBlock {DIV} at (3,3) size 117x13
 205     RenderText {#text} at (-178,0) size 296x13
 206       text run at (-178,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 207 layer at (400,156) size 100x13 scrollX 195.00 scrollWidth 295
 208   RenderBlock {DIV} at (0,0) size 100x13
 209     RenderText {#text} at (-195,0) size 296x13
 210       text run at (-195,0) width 295: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 211 layer at (523,156) size 117x13 scrollX 222.00 scrollWidth 339
 212   RenderBlock {DIV} at (3,3) size 117x13
 213     RenderText {#text} at (-222,0) size 340x13
 214       text run at (-222,0) width 339 RTL: "\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}\x{2022}"
 215 layer at (257,207) size 117x13 scrollWidth 295
 216   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 217     RenderText {#text} at (0,0) size 296x13
 218       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 219 layer at (257,207) size 117x13
 220   RenderBlock {DIV} at (3,3) size 117x13
 221 layer at (384,207) size 117x13 scrollWidth 296
 222   RenderBlock {DIV} at (3,3) size 117x13
 223     RenderText {#text} at (0,0) size 296x13
 224       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 225 layer at (281,226) size 117x13 scrollWidth 295
 226   RenderBlock {DIV} at (3,3) size 117x13 [color=#A9A9A9]
 227     RenderText {#text} at (0,0) size 296x13
 228       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 229 layer at (281,226) size 117x13
 230   RenderBlock {DIV} at (3,3) size 117x13
 231 layer at (408,226) size 117x13 scrollWidth 296
 232   RenderBlock {DIV} at (3,3) size 117x13
 233     RenderText {#text} at (0,0) size 296x13
 234       text run at (0,0) width 296: "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
 235 layer at (245,68) size 11x11 transparent
 236   RenderBlock {DIV} at (106,1) size 11x11
 237 layer at (501,68) size 11x11 transparent
 238   RenderBlock {DIV} at (106,1) size 11x11
 239 layer at (245,87) size 11x11 transparent
 240   RenderBlock {DIV} at (106,1) size 11x11
 241 layer at (501,87) size 11x11 transparent
 242   RenderBlock {DIV} at (106,1) size 11x11
 243 layer at (245,138) size 11x11 transparent
 244   RenderBlock {DIV} at (106,1) size 11x11
 245 layer at (501,138) size 11x11 transparent
 246   RenderBlock {DIV} at (106,1) size 11x11
 247 layer at (245,157) size 11x11 transparent
 248   RenderBlock {DIV} at (106,1) size 11x11
 249 layer at (501,157) size 11x11 transparent
 250   RenderBlock {DIV} at (106,1) size 11x11