| layer at (0,0) size 785x681 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x681 |
| RenderBlock {HTML} at (0,0) size 785x681 |
| RenderBody {BODY} at (8,8) size 769x665 |
| RenderBlock {DIV} at (0,0) size 769x665 [border: (1px solid #FF0000)] |
| RenderText {#text} at (1,9) size 164x17 |
| text run at (1,9) width 164: "Whitespace in option text:" |
| RenderMenuList {SELECT} at (167,3) size 58x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 56x28 |
| RenderText at (5,5) size 30x17 |
| text run at (5,5) width 30: "f o o" |
| RenderText {#text} at (227,9) size 7x17 |
| text run at (227,9) width 7: "a" |
| RenderMenuList {SELECT} at (236,3) size 58x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 56x28 |
| RenderText at (5,5) size 30x17 |
| text run at (5,5) width 30: "f o o" |
| RenderText {#text} at (296,9) size 8x17 |
| text run at (296,9) width 8: "b" |
| RenderBR {BR} at (304,9) size 0x17 |
| RenderBR {BR} at (1,34) size 0x17 |
| RenderText {#text} at (1,59) size 135x17 |
| text run at (1,59) width 135: "Simple select control:" |
| RenderMenuList {SELECT} at (138,53) size 51x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 49x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (191,59) size 7x17 |
| text run at (191,59) width 7: "a" |
| RenderMenuList {SELECT} at (200,53) size 51x30 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 49x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (253,59) size 8x17 |
| text run at (253,59) width 8: "b" |
| RenderBR {BR} at (261,59) size 0x17 |
| RenderBR {BR} at (1,84) size 0x17 |
| RenderText {#text} at (1,109) size 194x17 |
| text run at (1,109) width 194: "Line-height should be ignored:" |
| RenderMenuList {SELECT} at (197,103) size 50x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (249,109) size 7x17 |
| text run at (249,109) width 7: "a" |
| RenderMenuList {SELECT} at (258,103) size 51x30 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 49x28 |
| RenderText at (5,5) size 23x17 |
| text run at (5,5) width 23: "bar" |
| RenderText {#text} at (311,109) size 8x17 |
| text run at (311,109) width 8: "b" |
| RenderBR {BR} at (319,109) size 0x17 |
| RenderBR {BR} at (1,134) size 0x17 |
| RenderText {#text} at (1,163) size 434x17 |
| text run at (1,163) width 434: "Padding should be respected, the arrow button shouldn't change size:" |
| RenderMenuList {SELECT} at (437,153) size 58x38 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (5,5) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (497,163) size 7x17 |
| text run at (497,163) width 7: "a" |
| RenderMenuList {SELECT} at (506,153) size 58x38 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (5,5) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (566,163) size 8x17 |
| text run at (566,163) width 8: "b" |
| RenderBR {BR} at (574,163) size 0x17 |
| RenderBR {BR} at (1,192) size 0x17 |
| RenderText {#text} at (1,224) size 176x17 |
| text run at (1,224) width 176: "Border should be respected:" |
| RenderMenuList {SELECT} at (179,211) size 64x44 [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (8,8) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (245,224) size 7x17 |
| text run at (245,224) width 7: "a" |
| RenderMenuList {SELECT} at (254,211) size 64x44 [color=#808080] [bgcolor=#FFFFFF] [border: (8px solid #33CCFF)] |
| RenderBlock (anonymous) at (8,8) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (320,224) size 8x17 |
| text run at (320,224) width 8: "b" |
| RenderBR {BR} at (328,224) size 0x17 |
| RenderBR {BR} at (1,256) size 0x17 |
| RenderText {#text} at (1,289) size 116x17 |
| text run at (1,289) width 116: "Border + padding:" |
| RenderMenuList {SELECT} at (119,275) size 66x46 [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,9) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (187,289) size 7x17 |
| text run at (187,289) width 7: "a" |
| RenderMenuList {SELECT} at (196,275) size 66x46 [color=#808080] [bgcolor=#FFFFFF] [border: (4px solid #33CCFF)] |
| RenderBlock (anonymous) at (9,9) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (264,289) size 8x17 |
| text run at (264,289) width 8: "b" |
| RenderBR {BR} at (272,289) size 0x17 |
| RenderBR {BR} at (1,322) size 0x17 |
| RenderText {#text} at (1,345) size 480x17 |
| text run at (1,345) width 480: "Height larger than font-size, button should grow, text baseline should center:" |
| RenderMenuList {SELECT} at (482,339) size 51x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (534,345) size 8x17 |
| text run at (534,345) width 8: "a" |
| RenderMenuList {SELECT} at (543,339) size 51x30 [color=#808080] [bgcolor=#FFFFFF] [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 48x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (595,345) size 9x17 |
| text run at (595,345) width 9: "b" |
| RenderBR {BR} at (603,345) size 1x17 |
| RenderBR {BR} at (1,368) size 0x17 |
| RenderText {#text} at (1,391) size 502x17 |
| text run at (1,391) width 502: "Heigh smaller than font-size, whole select shrinks and is baselined with the text:" |
| RenderMenuList {SELECT} at (505,385) size 51x3 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 49x28 |
| RenderText at (5,5) size 22x17 |
| text run at (5,5) width 22: "foo" |
| RenderText {#text} at (558,391) size 7x17 |
| text run at (558,391) width 7: "a" |
| RenderMenuList {SELECT} at (567,385) size 51x3 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 49x28 |
| RenderText at (5,5) size 23x17 |
| text run at (5,5) width 23: "bar" |
| RenderText {#text} at (620,391) size 8x17 |
| text run at (620,391) width 8: "b" |
| RenderBR {BR} at (628,391) size 0x17 |
| RenderBR {BR} at (1,407) size 0x17 |
| RenderText {#text} at (1,423) size 168x17 |
| text run at (1,423) width 168: "select control with size=0: " |
| RenderBR {BR} at (169,423) size 0x17 |
| RenderMenuList {SELECT} at (3,442) size 251x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 249x28 |
| RenderText at (5,5) size 96x17 |
| text run at (5,5) width 96: "Future Series" |
| RenderText {#text} at (256,448) size 4x17 |
| text run at (256,448) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,473) size 168x17 |
| text run at (1,473) width 168: "select control with size=1: " |
| RenderBR {BR} at (169,473) size 0x17 |
| RenderMenuList {SELECT} at (3,492) size 251x30 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (1,1) size 249x28 |
| RenderText at (5,5) size 96x17 |
| text run at (5,5) width 96: "Future Series" |
| RenderText {#text} at (256,498) size 4x17 |
| text run at (256,498) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,523) size 165x17 |
| text run at (1,523) width 165: "Non-styled select control: " |
| RenderBR {BR} at (166,523) size 0x17 |
| RenderMenuList {SELECT} at (3,542) size 271x50 [bgcolor=#FFFFFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (11,11) size 249x28 |
| RenderText at (5,5) size 96x17 |
| text run at (5,5) width 96: "Future Series" |
| RenderText {#text} at (276,558) size 4x17 |
| text run at (276,558) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
| RenderText {#text} at (1,593) size 290x17 |
| text run at (1,593) width 290: "Styled select control with large border-radius: " |
| RenderBR {BR} at (290,593) size 1x17 |
| RenderMenuList {SELECT} at (3,612) size 271x50 [bgcolor=#33CCFF] [border: (1px solid #000000)] |
| RenderBlock (anonymous) at (11,11) size 249x28 |
| RenderText at (5,5) size 96x17 |
| text run at (5,5) width 96: "Future Series" |
| RenderText {#text} at (276,628) size 4x17 |
| text run at (276,628) width 4: " " |
| RenderBR {BR} at (0,0) size 0x0 |
