| layer at (0,0) size 785x644 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x644 |
| RenderBlock {HTML} at (0,0) size 785x644 |
| RenderBody {BODY} at (8,8) size 769x628 |
| RenderBlock {DIV} at (0,0) size 769x628 [border: (1px solid #FF0000)] |
| RenderText {#text} at (1,8) size 164x17 |
| text run at (1,8) width 164: "Whitespace in option text:" |
| RenderMenuList {SELECT} at (167,3) size 57x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 55x25 |
| RenderText at (4,4) size 30x17 |
| text run at (4,4) width 30: "f o o" |
| RenderText {#text} at (226,8) size 7x17 |
| text run at (226,8) width 7: "a" |
| RenderMenuList {SELECT} at (235,3) size 57x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 55x25 |
| RenderText at (4,4) size 30x17 |
| text run at (4,4) width 30: "f o o" |
| RenderText {#text} at (294,8) size 8x17 |
| text run at (294,8) width 8: "b" |
| RenderBR {BR} at (302,8) size 0x17 |
| RenderBR {BR} at (1,31) size 0x17 |
| RenderText {#text} at (1,55) size 135x17 |
| text run at (1,55) width 135: "Simple select control:" |
| RenderMenuList {SELECT} at (138,50) size 50x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 48x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (190,55) size 7x17 |
| text run at (190,55) width 7: "a" |
| RenderMenuList {SELECT} at (199,50) size 50x27 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 48x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (251,55) size 8x17 |
| text run at (251,55) width 8: "b" |
| RenderBR {BR} at (259,55) size 0x17 |
| RenderBR {BR} at (1,78) size 0x17 |
| RenderText {#text} at (1,102) size 194x17 |
| text run at (1,102) width 194: "Line-height should be ignored:" |
| RenderMenuList {SELECT} at (197,97) size 49x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (248,102) size 7x17 |
| text run at (248,102) width 7: "a" |
| RenderMenuList {SELECT} at (257,97) size 50x27 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 48x25 |
| RenderText at (4,4) size 23x17 |
| text run at (4,4) width 23: "bar" |
| RenderText {#text} at (309,102) size 8x17 |
| text run at (309,102) width 8: "b" |
| RenderBR {BR} at (317,102) size 0x17 |
| RenderBR {BR} at (1,125) size 0x17 |
| RenderText {#text} at (1,153) size 434x17 |
| text run at (1,153) width 434: "Padding should be respected, the arrow button shouldn't change size:" |
| RenderMenuList {SELECT} at (437,144) size 57x35 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (5,5) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (496,153) size 7x17 |
| text run at (496,153) width 7: "a" |
| RenderMenuList {SELECT} at (505,144) size 57x35 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (5,5) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (564,153) size 8x17 |
| text run at (564,153) width 8: "b" |
| RenderBR {BR} at (572,153) size 0x17 |
| RenderBR {BR} at (1,180) size 0x17 |
| RenderText {#text} at (1,211) size 176x17 |
| text run at (1,211) width 176: "Border should be respected:" |
| RenderMenuList {SELECT} at (179,199) size 63x41 [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (8,8) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (244,211) size 7x17 |
| text run at (244,211) width 7: "a" |
| RenderMenuList {SELECT} at (253,199) size 63x41 [color=#808080] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (8,8) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (318,211) size 8x17 |
| text run at (318,211) width 8: "b" |
| RenderBR {BR} at (326,211) size 0x17 |
| RenderBR {BR} at (1,241) size 0x17 |
| RenderText {#text} at (1,273) size 116x17 |
| text run at (1,273) width 116: "Border + padding:" |
| RenderMenuList {SELECT} at (119,260) size 65x43 [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,9) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (186,273) size 7x17 |
| text run at (186,273) width 7: "a" |
| RenderMenuList {SELECT} at (195,260) size 65x43 [color=#808080] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,9) size 47x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (262,273) size 8x17 |
| text run at (262,273) width 8: "b" |
| RenderBR {BR} at (270,273) size 0x17 |
| RenderBR {BR} at (1,304) size 0x17 |
| RenderText {#text} at (1,327) size 481x17 |
| text run at (1,327) width 481: "Height larger than font-size, button should grow, text baseline should center:" |
| RenderMenuList {SELECT} at (484,321) size 49x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,2) size 47x26 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (535,327) size 7x17 |
| text run at (535,327) width 7: "a" |
| RenderMenuList {SELECT} at (544,321) size 49x30 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,2) size 47x26 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (595,327) size 8x17 |
| text run at (595,327) width 8: "b" |
| RenderBR {BR} at (603,327) size 0x17 |
| RenderBR {BR} at (1,350) size 0x17 |
| RenderText {#text} at (1,366) size 502x17 |
| text run at (1,366) width 502: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:" |
| RenderMenuList {SELECT} at (505,377) size 50x3 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 48x25 |
| RenderText at (4,4) size 22x17 |
| text run at (4,4) width 22: "foo" |
| RenderText {#text} at (557,366) size 7x17 |
| text run at (557,366) width 7: "a" |
| RenderMenuList {SELECT} at (566,377) size 50x3 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 48x25 |
| RenderText at (4,4) size 23x17 |
| text run at (4,4) width 23: "bar" |
| RenderText {#text} at (618,366) size 8x17 |
| text run at (618,366) width 8: "b" |
| RenderBR {BR} at (626,366) size 0x17 |
| RenderBR {BR} at (1,382) size 0x17 |
| RenderText {#text} at (1,398) size 168x17 |
| text run at (1,398) width 168: "select control with size=0: " |
| RenderBR {BR} at (169,398) size 0x17 |
| RenderMenuList {SELECT} at (3,417) size 251x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 249x25 |
| RenderText at (4,4) size 96x17 |
| text run at (4,4) width 96: "Future Series" |
| RenderText {#text} at (256,422) size 4x17 |
| text run at (256,422) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,445) size 168x17 |
| text run at (1,445) width 168: "select control with size=1: " |
| RenderBR {BR} at (169,445) size 0x17 |
| RenderMenuList {SELECT} at (3,464) size 251x27 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 249x25 |
| RenderText at (4,4) size 96x17 |
| text run at (4,4) width 96: "Future Series" |
| RenderText {#text} at (256,469) size 4x17 |
| text run at (256,469) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,492) size 165x17 |
| text run at (1,492) width 165: "Non-styled select control: " |
| RenderBR {BR} at (166,492) size 0x17 |
| RenderMenuList {SELECT} at (3,511) size 271x47 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (11,11) size 249x25 |
| RenderText at (4,4) size 96x17 |
| text run at (4,4) width 96: "Future Series" |
| RenderText {#text} at (276,526) size 4x17 |
| text run at (276,526) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,559) size 290x17 |
| text run at (1,559) width 290: "Styled select control with large border-radius: " |
| RenderBR {BR} at (291,559) size 0x17 |
| RenderMenuList {SELECT} at (3,578) size 271x47 [bgcolor=#33CCFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (11,11) size 249x25 |
| RenderText at (4,4) size 96x17 |
| text run at (4,4) width 96: "Future Series" |
| RenderText {#text} at (276,593) size 4x17 |
| text run at (276,593) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
