1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x536
4 LayoutBlockFlow {HTML} at (0,0) size 800x536
5 LayoutBlockFlow {BODY} at (8,8) size 784x520
6 LayoutBlockFlow {DIV} at (0,0) size 784x520 [border: (1px solid #FF0000)]
7 LayoutText {#text} at (1,1) size 156x19
8 text run at (1,1) width 156: "Whitespace in option text:"
9 LayoutMenuList {SELECT} at (157,1) size 50x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
10 LayoutBlockFlow (anonymous) at (1,1) size 48x18
11 LayoutText (anonymous) at (4,1) size 25x16
12 text run at (4,1) width 25: "f o o"
13 LayoutText {#text} at (207,1) size 7x19
14 text run at (207,1) width 7: "a"
15 LayoutMenuList {SELECT} at (214,1) size 50x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
16 LayoutBlockFlow (anonymous) at (1,1) size 48x18
17 LayoutText (anonymous) at (4,1) size 25x16
18 text run at (4,1) width 25: "f o o"
19 LayoutText {#text} at (264,1) size 8x19
20 text run at (264,1) width 8: "b"
21 LayoutBR {BR} at (272,1) size 0x19
22 LayoutBR {BR} at (1,19) size 0x19
23 LayoutText {#text} at (1,37) size 128x19
24 text run at (1,37) width 128: "Simple select control:"
25 LayoutMenuList {SELECT} at (129,37) size 43x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
26 LayoutBlockFlow (anonymous) at (1,1) size 41x18
27 LayoutText (anonymous) at (4,1) size 17x16
28 text run at (4,1) width 17: "foo"
29 LayoutText {#text} at (172,37) size 7x19
30 text run at (172,37) width 7: "a"
31 LayoutMenuList {SELECT} at (179,37) size 43x20 [color=#808080] [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
32 LayoutBlockFlow (anonymous) at (1,1) size 41x18
33 LayoutText (anonymous) at (4,1) size 17x16
34 text run at (4,1) width 17: "foo"
35 LayoutText {#text} at (222,37) size 8x19
36 text run at (222,37) width 8: "b"
37 LayoutBR {BR} at (230,37) size 0x19
38 LayoutBR {BR} at (1,55) size 0x19
39 LayoutText {#text} at (1,73) size 181x19
40 text run at (1,73) width 181: "Line-height should be ignored:"
41 LayoutMenuList {SELECT} at (182,73) size 42x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
42 LayoutBlockFlow (anonymous) at (1,1) size 40x18
43 LayoutText (anonymous) at (4,1) size 17x16
44 text run at (4,1) width 17: "foo"
45 LayoutText {#text} at (224,73) size 7x19
46 text run at (224,73) width 7: "a"
47 LayoutMenuList {SELECT} at (231,73) size 43x20 [color=#808080] [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
48 LayoutBlockFlow (anonymous) at (1,1) size 41x18
49 LayoutText (anonymous) at (4,1) size 18x16
50 text run at (4,1) width 18: "bar"
51 LayoutText {#text} at (274,73) size 8x19
52 text run at (274,73) width 8: "b"
53 LayoutBR {BR} at (282,73) size 0x19
54 LayoutBR {BR} at (1,91) size 0x19
55 LayoutText {#text} at (1,113) size 414x19
56 text run at (1,113) width 414: "Padding should be respected, the arrow button shouldn't change size:"
57 LayoutMenuList {SELECT} at (415,109) size 50x28 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
58 LayoutBlockFlow (anonymous) at (5,5) size 40x18
59 LayoutText (anonymous) at (4,1) size 17x16
60 text run at (4,1) width 17: "foo"
61 LayoutText {#text} at (465,113) size 7x19
62 text run at (465,113) width 7: "a"
63 LayoutMenuList {SELECT} at (472,109) size 50x28 [color=#808080] [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
64 LayoutBlockFlow (anonymous) at (5,5) size 40x18
65 LayoutText (anonymous) at (4,1) size 17x16
66 text run at (4,1) width 17: "foo"
67 LayoutText {#text} at (522,113) size 8x19
68 text run at (522,113) width 8: "b"
69 LayoutBR {BR} at (530,113) size 0x19
70 LayoutBR {BR} at (1,135) size 0x19
71 LayoutText {#text} at (1,160) size 171x19
72 text run at (1,160) width 171: "Border should be respected:"
73 LayoutMenuList {SELECT} at (172,153) size 56x34 [bgcolor=#C0C0C0] [border: (8px solid #33CCFF)]
74 LayoutBlockFlow (anonymous) at (8,8) size 40x18
75 LayoutText (anonymous) at (4,1) size 17x16
76 text run at (4,1) width 17: "foo"
77 LayoutText {#text} at (228,160) size 7x19
78 text run at (228,160) width 7: "a"
79 LayoutMenuList {SELECT} at (235,153) size 56x34 [color=#808080] [bgcolor=#C0C0C0] [border: (8px solid #33CCFF)]
80 LayoutBlockFlow (anonymous) at (8,8) size 40x18
81 LayoutText (anonymous) at (4,1) size 17x16
82 text run at (4,1) width 17: "foo"
83 LayoutText {#text} at (291,160) size 8x19
84 text run at (291,160) width 8: "b"
85 LayoutBR {BR} at (299,160) size 0x19
86 LayoutBR {BR} at (1,185) size 0x19
87 LayoutText {#text} at (1,211) size 111x19
88 text run at (1,211) width 111: "Border + padding:"
89 LayoutMenuList {SELECT} at (112,203) size 58x36 [bgcolor=#C0C0C0] [border: (4px solid #33CCFF)]
90 LayoutBlockFlow (anonymous) at (9,9) size 40x18
91 LayoutText (anonymous) at (4,1) size 17x16
92 text run at (4,1) width 17: "foo"
93 LayoutText {#text} at (170,211) size 7x19
94 text run at (170,211) width 7: "a"
95 LayoutMenuList {SELECT} at (177,203) size 58x36 [color=#808080] [bgcolor=#C0C0C0] [border: (4px solid #33CCFF)]
96 LayoutBlockFlow (anonymous) at (9,9) size 40x18
97 LayoutText (anonymous) at (4,1) size 17x16
98 text run at (4,1) width 17: "foo"
99 LayoutText {#text} at (235,211) size 8x19
100 text run at (235,211) width 8: "b"
101 LayoutBR {BR} at (243,211) size 0x19
102 LayoutBR {BR} at (1,237) size 0x19
103 LayoutText {#text} at (1,260) size 454x19
104 text run at (1,260) width 454: "Height larger than font-size, button should grow, text baseline should center:"
105 LayoutMenuList {SELECT} at (455,255) size 42x30 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
106 LayoutBlockFlow (anonymous) at (1,6) size 40x18
107 LayoutText (anonymous) at (4,1) size 17x16
108 text run at (4,1) width 17: "foo"
109 LayoutText {#text} at (497,260) size 7x19
110 text run at (497,260) width 7: "a"
111 LayoutMenuList {SELECT} at (504,255) size 42x30 [color=#808080] [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
112 LayoutBlockFlow (anonymous) at (1,6) size 40x18
113 LayoutText (anonymous) at (4,1) size 17x16
114 text run at (4,1) width 17: "foo"
115 LayoutText {#text} at (546,260) size 8x19
116 text run at (546,260) width 8: "b"
117 LayoutBR {BR} at (554,260) size 0x19
118 LayoutBR {BR} at (1,283) size 0x19
119 LayoutText {#text} at (1,301) size 456x19
120 text run at (1,301) width 456: "Height smaller than font-size, whole select shrinks but baseline is unchanged:"
121 LayoutMenuList {SELECT} at (457,301) size 43x3 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
122 LayoutBlockFlow (anonymous) at (1,1) size 41x18
123 LayoutText (anonymous) at (4,1) size 17x16
124 text run at (4,1) width 17: "foo"
125 LayoutText {#text} at (500,301) size 7x19
126 text run at (500,301) width 7: "a"
127 LayoutMenuList {SELECT} at (507,301) size 43x3 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
128 LayoutBlockFlow (anonymous) at (1,1) size 41x18
129 LayoutText (anonymous) at (4,1) size 18x16
130 text run at (4,1) width 18: "bar"
131 LayoutText {#text} at (550,301) size 8x19
132 text run at (550,301) width 8: "b"
133 LayoutBR {BR} at (558,301) size 0x19
134 LayoutBR {BR} at (1,317) size 0x19
135 LayoutText {#text} at (1,333) size 159x19
136 text run at (1,333) width 159: "select control with size=0: "
137 LayoutBR {BR} at (160,333) size 0x19
138 LayoutMenuList {SELECT} at (1,351) size 204x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
139 LayoutBlockFlow (anonymous) at (1,1) size 202x18
140 LayoutText (anonymous) at (4,1) size 78x16
141 text run at (4,1) width 78: "Future Series"
142 LayoutText {#text} at (205,351) size 4x19
143 text run at (205,351) width 4: " "
144 LayoutBR {BR} at (0,0) size 0x0
145 LayoutText {#text} at (1,369) size 159x19
146 text run at (1,369) width 159: "select control with size=1: "
147 LayoutBR {BR} at (160,369) size 0x19
148 LayoutMenuList {SELECT} at (1,387) size 204x20 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
149 LayoutBlockFlow (anonymous) at (1,1) size 202x18
150 LayoutText (anonymous) at (4,1) size 78x16
151 text run at (4,1) width 78: "Future Series"
152 LayoutText {#text} at (205,387) size 4x19
153 text run at (205,387) width 4: " "
154 LayoutBR {BR} at (0,0) size 0x0
155 LayoutText {#text} at (1,405) size 159x19
156 text run at (1,405) width 159: "Non-styled select control: "
157 LayoutBR {BR} at (160,405) size 0x19
158 LayoutMenuList {SELECT} at (1,423) size 224x40 [bgcolor=#C0C0C0] [border: (1px solid #A9A9A9)]
159 LayoutBlockFlow (anonymous) at (11,11) size 202x18
160 LayoutText (anonymous) at (4,1) size 78x16
161 text run at (4,1) width 78: "Future Series"
162 LayoutText {#text} at (225,433) size 4x19
163 text run at (225,433) width 4: " "
164 LayoutBR {BR} at (0,0) size 0x0
165 LayoutText {#text} at (1,461) size 278x19
166 text run at (1,461) width 278: "Styled select control with large border-radius: "
167 LayoutBR {BR} at (279,461) size 0x19
168 LayoutMenuList {SELECT} at (1,479) size 224x40 [bgcolor=#33CCFF] [border: (1px solid #A9A9A9)]
169 LayoutBlockFlow (anonymous) at (11,11) size 202x18
170 LayoutText (anonymous) at (4,1) size 78x16
171 text run at (4,1) width 78: "Future Series"
172 LayoutText {#text} at (225,489) size 4x19
173 text run at (225,489) width 4: " "
174 LayoutBR {BR} at (0,0) size 0x0