| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x508 |
| RenderBlock {HTML} at (0,0) size 800x508 |
| RenderBody {BODY} at (8,8) size 784x492 |
| RenderBlock {DIV} at (0,0) size 784x492 [border: (1px solid #FF0000)] |
| RenderText {#text} at (1,2) size 169x19 |
| text run at (1,2) width 169: "Whitespace in option text:" |
| RenderMenuList {SELECT} at (171,3) size 49x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 36x14 |
| RenderText at (0,0) size 24x14 |
| text run at (0,0) width 24: "f o o" |
| RenderText {#text} at (221,2) size 8x19 |
| text run at (221,2) width 8: "a" |
| RenderMenuList {SELECT} at (230,3) size 49x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 36x14 |
| RenderText at (0,0) size 24x14 |
| text run at (0,0) width 24: "f o o" |
| RenderText {#text} at (280,2) size 9x19 |
| text run at (280,2) width 9: "b" |
| RenderBR {BR} at (288,2) size 1x19 |
| RenderBR {BR} at (1,23) size 0x19 |
| RenderText {#text} at (1,42) size 140x19 |
| text run at (1,42) width 140: "Simple select control:" |
| RenderMenuList {SELECT} at (142,43) size 43x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 30x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (186,42) size 8x19 |
| text run at (186,42) width 8: "a" |
| RenderMenuList {SELECT} at (195,43) size 43x20 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 30x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (239,42) size 9x19 |
| text run at (239,42) width 9: "b" |
| RenderBR {BR} at (247,42) size 1x19 |
| RenderBR {BR} at (1,63) size 0x19 |
| RenderText {#text} at (1,82) size 198x19 |
| text run at (1,82) width 198: "Line-height should be ignored:" |
| RenderMenuList {SELECT} at (200,83) size 42x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 29x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (243,82) size 8x19 |
| text run at (243,82) width 8: "a" |
| RenderMenuList {SELECT} at (252,83) size 43x20 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 30x14 |
| RenderText at (0,0) size 18x14 |
| text run at (0,0) width 18: "bar" |
| RenderText {#text} at (296,82) size 9x19 |
| text run at (296,82) width 9: "b" |
| RenderBR {BR} at (304,82) size 1x19 |
| RenderBR {BR} at (1,103) size 0x19 |
| RenderText {#text} at (1,122) size 441x19 |
| text run at (1,122) width 441: "Padding should be respected, the arrow button shouldn't change size:" |
| RenderMenuList {SELECT} at (444,123) size 41x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 29x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (487,122) size 8x19 |
| text run at (487,122) width 8: "a" |
| RenderMenuList {SELECT} at (496,123) size 42x20 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 29x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (539,122) size 9x19 |
| text run at (539,122) width 9: "b" |
| RenderBR {BR} at (547,122) size 1x19 |
| RenderBR {BR} at (1,143) size 0x19 |
| RenderText {#text} at (1,167) size 180x19 |
| text run at (1,167) width 180: "Border should be respected:" |
| RenderMenuList {SELECT} at (182,163) size 63x30 [color=#007AFF] [bgcolor=#E9E9EA] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (13,8) size 36x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (246,167) size 8x19 |
| text run at (246,167) width 8: "a" |
| RenderMenuList {SELECT} at (255,163) size 63x30 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (13,8) size 36x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (319,167) size 9x19 |
| text run at (319,167) width 9: "b" |
| RenderBR {BR} at (327,167) size 1x19 |
| RenderBR {BR} at (1,193) size 0x19 |
| RenderText {#text} at (1,213) size 118x19 |
| text run at (1,213) width 118: "Border + padding:" |
| RenderMenuList {SELECT} at (120,213) size 51x22 [color=#007AFF] [bgcolor=#E9E9EA] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,4) size 32x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (172,213) size 8x19 |
| text run at (172,213) width 8: "a" |
| RenderMenuList {SELECT} at (181,213) size 51x22 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,4) size 32x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (233,213) size 9x19 |
| text run at (233,213) width 9: "b" |
| RenderBR {BR} at (241,213) size 1x19 |
| RenderBR {BR} at (1,235) size 0x19 |
| RenderText {#text} at (1,257) size 491x19 |
| text run at (1,257) width 491: "Height larger than font-size, button should grow, text baseline should center:" |
| RenderMenuList {SELECT} at (493,253) size 42x30 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,8) size 29x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (536,257) size 8x19 |
| text run at (536,257) width 8: "a" |
| RenderMenuList {SELECT} at (545,253) size 42x30 [color=#3C3C434D] [bgcolor=#EEEEEF] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,8) size 29x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (588,257) size 9x19 |
| text run at (588,257) width 9: "b" |
| RenderBR {BR} at (596,257) size 1x19 |
| RenderBR {BR} at (1,281) size 0x19 |
| RenderText {#text} at (1,297) size 515x19 |
| text run at (1,297) width 515: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:" |
| RenderMenuList {SELECT} at (517,300) size 43x15 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,1) size 30x14 |
| RenderText at (0,0) size 17x14 |
| text run at (0,0) width 17: "foo" |
| RenderText {#text} at (561,297) size 8x19 |
| text run at (561,297) width 8: "a" |
| RenderMenuList {SELECT} at (570,300) size 43x15 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,1) size 30x14 |
| RenderText at (0,0) size 18x14 |
| text run at (0,0) width 18: "bar" |
| RenderText {#text} at (614,297) size 9x19 |
| text run at (614,297) width 9: "b" |
| RenderBR {BR} at (622,297) size 1x19 |
| RenderBR {BR} at (1,313) size 0x19 |
| RenderText {#text} at (1,329) size 169x19 |
| text run at (1,329) width 169: "select control with size=0:" |
| RenderBR {BR} at (169,329) size 1x19 |
| RenderMenuList {SELECT} at (3,349) size 188x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 176x14 |
| RenderText at (0,0) size 70x14 |
| text run at (0,0) width 70: "Future Series" |
| RenderBR {BR} at (193,348) size 0x19 |
| RenderText {#text} at (1,369) size 169x19 |
| text run at (1,369) width 169: "select control with size=1:" |
| RenderBR {BR} at (169,369) size 1x19 |
| RenderMenuList {SELECT} at (3,389) size 188x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 176x14 |
| RenderText at (0,0) size 70x14 |
| text run at (0,0) width 70: "Future Series" |
| RenderBR {BR} at (193,388) size 0x19 |
| RenderText {#text} at (1,409) size 166x19 |
| text run at (1,409) width 166: "Non-styled select control:" |
| RenderBR {BR} at (166,409) size 1x19 |
| RenderMenuList {SELECT} at (3,429) size 188x20 [color=#007AFF] [bgcolor=#E9E9EA] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 176x14 |
| RenderText at (0,0) size 70x14 |
| text run at (0,0) width 70: "Future Series" |
| RenderBR {BR} at (193,428) size 0x19 |
| RenderText {#text} at (1,449) size 294x19 |
| text run at (1,449) width 294: "Styled select control with large border-radius:" |
| RenderBR {BR} at (294,449) size 1x19 |
| RenderMenuList {SELECT} at (3,469) size 188x20 [color=#007AFF] [bgcolor=#33CCFF] [border: (1px solid #FFFFFF)] |
| RenderBlock (anonymous) at (6,3) size 176x14 |
| RenderText at (0,0) size 70x14 |
| text run at (0,0) width 70: "Future Series" |
| RenderBR {BR} at (193,468) size 0x19 |
