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