layer at (0,0) size 800x600 LayoutView at (0,0) size 800x600 layer at (0,0) size 800x536 LayoutBlockFlow {HTML} at (0,0) size 800x536 LayoutBlockFlow {BODY} at (8,8) size 784x520 LayoutBlockFlow {DIV} at (0,0) size 784x520 [border: (1px solid #FF0000)] LayoutText {#text} at (1,1) size 156x19 text run at (1,1) width 156: "Whitespace in option text:" LayoutMenuList {SELECT} at (157,1) size 49x20 47x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 47x18 45x18 LayoutText (anonymous) at (4,1) size 25x16 text run at (4,1) width 25: "f o o" LayoutText {#text} at (206,1) (204,1) size 7x19 text run at (206,1) (204,1) width 7: "a" LayoutMenuList {SELECT} at (213,1) (211,1) size 49x20 47x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 47x18 45x18 LayoutText (anonymous) at (4,1) size 4x16 text run at (4,1) width 4: " " LayoutText {#text} at (262,1) (258,1) size 8x19 text run at (262,1) (258,1) width 8: "b" LayoutBR {BR} at (270,1) (266,1) size 0x19 LayoutBR {BR} at (1,19) size 0x19 LayoutText {#text} at (1,37) size 128x19 text run at (1,37) width 128: "Simple select control:" LayoutMenuList {SELECT} at (129,37) size 42x20 40x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 40x18 38x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (171,37) (169,37) size 7x19 text run at (171,37) (169,37) width 7: "a" LayoutMenuList {SELECT} at (178,37) (176,37) size 42x20 40x20 [color=#808080] [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 40x18 38x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (220,37) (216,37) size 8x19 text run at (220,37) (216,37) width 8: "b" LayoutBR {BR} at (228,37) (224,37) size 0x19 LayoutBR {BR} at (1,55) size 0x19 LayoutText {#text} at (1,73) size 181x19 text run at (1,73) width 181: "Line-height should be ignored:" LayoutMenuList {SELECT} at (182,73) size 41x20 39x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (223,73) (221,73) size 7x19 text run at (223,73) (221,73) width 7: "a" LayoutMenuList {SELECT} at (230,73) (228,73) size 42x20 40x20 [color=#808080] [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 40x18 38x18 LayoutText (anonymous) at (4,1) size 18x16 text run at (4,1) width 18: "bar" LayoutText {#text} at (272,73) (268,73) size 8x19 text run at (272,73) (268,73) width 8: "b" LayoutBR {BR} at (280,73) (276,73) size 0x19 LayoutBR {BR} at (1,91) size 0x19 LayoutText {#text} at (1,113) size 414x19 text run at (1,113) width 414: "Padding should be respected, the arrow button shouldn't change size:" LayoutMenuList {SELECT} at (415,109) size 49x28 47x28 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (5,5) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (464,113) (462,113) size 7x19 text run at (464,113) (462,113) width 7: "a" LayoutMenuList {SELECT} at (471,109) (469,109) size 49x28 47x28 [color=#808080] [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (5,5) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (520,113) (516,113) size 8x19 text run at (520,113) (516,113) width 8: "b" LayoutBR {BR} at (528,113) (524,113) size 0x19 LayoutBR {BR} at (1,135) size 0x19 LayoutText {#text} at (1,160) size 171x19 text run at (1,160) width 171: "Border should be respected:" LayoutMenuList {SELECT} at (172,153) size 55x34 53x34 [bgcolor=#DDDDDD] [border: (8px solid #33CCFF)] LayoutBlockFlow (anonymous) at (8,8) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (227,160) (225,160) size 7x19 text run at (227,160) (225,160) width 7: "a" LayoutMenuList {SELECT} at (234,153) (232,153) size 55x34 53x34 [color=#808080] [bgcolor=#DDDDDD] [border: (8px solid #33CCFF)] LayoutBlockFlow (anonymous) at (8,8) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (289,160) (285,160) size 8x19 text run at (289,160) (285,160) width 8: "b" LayoutBR {BR} at (297,160) (293,160) size 0x19 LayoutBR {BR} at (1,185) size 0x19 LayoutText {#text} at (1,211) size 111x19 text run at (1,211) width 111: "Border + padding:" LayoutMenuList {SELECT} at (112,203) size 57x36 55x36 [bgcolor=#DDDDDD] [border: (4px solid #33CCFF)] LayoutBlockFlow (anonymous) at (9,9) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (169,211) (167,211) size 7x19 text run at (169,211) (167,211) width 7: "a" LayoutMenuList {SELECT} at (176,203) (174,203) size 57x36 55x36 [color=#808080] [bgcolor=#DDDDDD] [border: (4px solid #33CCFF)] LayoutBlockFlow (anonymous) at (9,9) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (233,211) (229,211) size 8x19 text run at (233,211) (229,211) width 8: "b" LayoutBR {BR} at (241,211) (237,211) size 0x19 LayoutBR {BR} at (1,237) size 0x19 LayoutText {#text} at (1,260) size 453x19 text run at (1,260) width 453: "Height larger than font-size, button should grow, text baseline should center:" LayoutMenuList {SELECT} at (453.67,255) size 41x30 39x30 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,6) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (494,260) (492,260) size 8x19 text run at (494,260) (492,260) width 8: "a" LayoutMenuList {SELECT} at (501.67,255) (499.67,255) size 41x30 39x30 [color=#808080] [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,6) size 39x18 37x18 LayoutText (anonymous) at (4,1) size 4x16 text run at (4,1) width 4: " " LayoutText {#text} at (542,260) (538,260) size 9x19 text run at (542,260) (538,260) width 9: "b" LayoutBR {BR} at (550,260) (546,260) size 1x19 LayoutBR {BR} at (1,283) size 0x19 LayoutText {#text} at (1,301) size 456x19 text run at (1,301) width 456: "Height smaller than font-size, whole select shrinks but baseline is unchanged:" LayoutMenuList {SELECT} at (457,301) size 42x3 40x3 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 40x18 38x18 LayoutText (anonymous) at (4,1) size 17x16 text run at (4,1) width 17: "foo" LayoutText {#text} at (499,301) (497,301) size 7x19 text run at (499,301) (497,301) width 7: "a" LayoutMenuList {SELECT} at (506,301) (504,301) size 42x3 40x3 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 40x18 38x18 LayoutText (anonymous) at (4,1) size 18x16 text run at (4,1) width 18: "bar" LayoutText {#text} at (548,301) (544,301) size 8x19 text run at (548,301) (544,301) width 8: "b" LayoutBR {BR} at (556,301) (552,301) size 0x19 LayoutBR {BR} at (1,317) size 0x19 LayoutText {#text} at (1,333) size 159x19 text run at (1,333) width 159: "select control with size=0: " LayoutBR {BR} at (160,333) size 0x19 LayoutMenuList {SELECT} at (1,351) size 203x20 201x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 201x18 199x18 LayoutText (anonymous) at (4,1) size 78x16 text run at (4,1) width 78: "Future Series" LayoutText {#text} at (204,351) (202,351) size 4x19 text run at (204,351) (202,351) width 4: " " LayoutBR {BR} at (0,0) size 0x0 LayoutText {#text} at (1,369) size 159x19 text run at (1,369) width 159: "select control with size=1: " LayoutBR {BR} at (160,369) size 0x19 LayoutMenuList {SELECT} at (1,387) size 203x20 201x20 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (1,1) size 201x18 199x18 LayoutText (anonymous) at (4,1) size 78x16 text run at (4,1) width 78: "Future Series" LayoutText {#text} at (204,387) (202,387) size 4x19 text run at (204,387) (202,387) width 4: " " LayoutBR {BR} at (0,0) size 0x0 LayoutText {#text} at (1,405) size 159x19 text run at (1,405) width 159: "Non-styled select control: " LayoutBR {BR} at (160,405) size 0x19 LayoutMenuList {SELECT} at (1,423) size 223x40 221x40 [bgcolor=#DDDDDD] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (11,11) size 201x18 199x18 LayoutText (anonymous) at (4,1) size 78x16 text run at (4,1) width 78: "Future Series" LayoutText {#text} at (224,433) (222,433) size 4x19 text run at (224,433) (222,433) width 4: " " LayoutBR {BR} at (0,0) size 0x0 LayoutText {#text} at (1,461) size 278x19 text run at (1,461) width 278: "Styled select control with large border-radius: " LayoutBR {BR} at (278,461) size 1x19 LayoutMenuList {SELECT} at (1,479) size 223x40 221x40 [bgcolor=#33CCFF] [border: (1px solid #A9A9A9)] LayoutBlockFlow (anonymous) at (11,11) size 201x18 199x18 LayoutText (anonymous) at (4,1) size 78x16 text run at (4,1) width 78: "Future Series" LayoutText {#text} at (224,489) (222,489) size 4x19 text run at (224,489) (222,489) width 4: " " LayoutBR {BR} at (0,0) size 0x0