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,2) size 169x17
8 text run at (1,2) width 169: "Whitespace in option text:"
9 LayoutMenuList {SELECT} at (169.39,1) size 50x20 [bgcolor=#FFFFFF] [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 (219,2) size 8x17
14 text run at (219,2) width 8: "a"
15 LayoutMenuList {SELECT} at (226.48,1) size 50x20 [bgcolor=#FFFFFF] [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 (276,2) size 9x17
20 text run at (276,2) width 9: "b"
21 LayoutBR {BR} at (284,2) size 1x17
22 LayoutBR {BR} at (1,20) size 0x17
23 LayoutText {#text} at (1,38) size 140x17
24 text run at (1,38) width 140: "Simple select control:"
25 LayoutMenuList {SELECT} at (140.52,37) size 43x20 [bgcolor=#FFFFFF] [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 (183,38) size 8x17
30 text run at (183,38) width 8: "a"
31 LayoutMenuList {SELECT} at (190.61,37) size 43x20 [color=#808080] [bgcolor=#FFFFFF] [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 (233,38) size 9x17
36 text run at (233,38) width 9: "b"
37 LayoutBR {BR} at (241,38) size 1x17
38 LayoutBR {BR} at (1,56) size 0x17
39 LayoutText {#text} at (1,74) size 198x17
40 text run at (1,74) width 198: "Line-height should be ignored:"
41 LayoutMenuList {SELECT} at (198.73,73) size 42x20 [bgcolor=#FFFFFF] [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 (240,74) size 8x17
46 text run at (240,74) width 8: "a"
47 LayoutMenuList {SELECT} at (247.83,73) size 43x20 [color=#808080] [bgcolor=#FFFFFF] [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 (290,74) size 9x17
52 text run at (290,74) width 9: "b"
53 LayoutBR {BR} at (298,74) size 1x17
54 LayoutBR {BR} at (1,92) size 0x17
55 LayoutText {#text} at (1,114) size 441x17
56 text run at (1,114) width 441: "Padding should be respected, the arrow button shouldn't change size:"
57 LayoutMenuList {SELECT} at (442,109) size 50x28 [bgcolor=#FFFFFF] [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 (492,114) size 8x17
62 text run at (492,114) width 8: "a"
63 LayoutMenuList {SELECT} at (499.09,109) size 50x28 [color=#808080] [bgcolor=#FFFFFF] [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 (549,114) size 9x17
68 text run at (549,114) width 9: "b"
69 LayoutBR {BR} at (557,114) size 1x17
70 LayoutBR {BR} at (1,136) size 0x17
71 LayoutText {#text} at (1,161) size 180x17
72 text run at (1,161) width 180: "Border should be respected:"
73 LayoutMenuList {SELECT} at (180.05,153) size 56x34 [bgcolor=#FFFFFF] [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 (236,161) size 8x17
78 text run at (236,161) width 8: "a"
79 LayoutMenuList {SELECT} at (243.14,153) size 56x34 [color=#808080] [bgcolor=#FFFFFF] [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 (299,161) size 9x17
84 text run at (299,161) width 9: "b"
85 LayoutBR {BR} at (307,161) size 1x17
86 LayoutBR {BR} at (1,186) size 0x17
87 LayoutText {#text} at (1,212) size 118x17
88 text run at (1,212) width 118: "Border + padding:"
89 LayoutMenuList {SELECT} at (118.44,203) size 58x36 [bgcolor=#FFFFFF] [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 (176,212) size 8x17
94 text run at (176,212) width 8: "a"
95 LayoutMenuList {SELECT} at (183.53,203) size 58x36 [color=#808080] [bgcolor=#FFFFFF] [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 (241,212) size 9x17
100 text run at (241,212) width 9: "b"
101 LayoutBR {BR} at (249,212) size 1x17
102 LayoutBR {BR} at (1,238) size 0x17
103 LayoutText {#text} at (1,261) size 492x17
104 text run at (1,261) width 492: "Height larger than font-size, button should grow, text baseline should center:"
105 LayoutMenuList {SELECT} at (492.42,255) size 42x30 [bgcolor=#FFFFFF] [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 (534,261) size 8x17
110 text run at (534,261) width 8: "a"
111 LayoutMenuList {SELECT} at (541.52,255) size 42x30 [color=#808080] [bgcolor=#FFFFFF] [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 (583,261) size 9x17
116 text run at (583,261) width 9: "b"
117 LayoutBR {BR} at (591,261) size 1x17
118 LayoutBR {BR} at (1,284) size 0x17
119 LayoutText {#text} at (1,302) size 498x17
120 text run at (1,302) width 498: "Height smaller than font-size, whole select shrinks but baseline is unchanged:"
121 LayoutMenuList {SELECT} at (498.20,301) size 43x3 [bgcolor=#FFFFFF] [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 (541,302) size 8x17
126 text run at (541,302) width 8: "a"
127 LayoutMenuList {SELECT} at (548.30,301) size 43x3 [bgcolor=#FFFFFF] [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 (591,302) size 9x17
132 text run at (591,302) width 9: "b"
133 LayoutBR {BR} at (599,302) size 1x17
134 LayoutBR {BR} at (1,318) size 0x17
135 LayoutText {#text} at (1,334) size 173x17
136 text run at (1,334) width 173: "select control with size=0: "
137 LayoutBR {BR} at (173,334) size 1x17
138 LayoutMenuList {SELECT} at (1,351) size 204x20 [bgcolor=#FFFFFF] [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,352) size 4x17
143 text run at (205,352) width 4: " "
144 LayoutBR {BR} at (0,0) size 0x0
145 LayoutText {#text} at (1,370) size 173x17
146 text run at (1,370) width 173: "select control with size=1: "
147 LayoutBR {BR} at (173,370) size 1x17
148 LayoutMenuList {SELECT} at (1,387) size 204x20 [bgcolor=#FFFFFF] [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,388) size 4x17
153 text run at (205,388) width 4: " "
154 LayoutBR {BR} at (0,0) size 0x0
155 LayoutText {#text} at (1,406) size 170x17
156 text run at (1,406) width 170: "Non-styled select control: "
157 LayoutBR {BR} at (170,406) size 1x17
158 LayoutMenuList {SELECT} at (1,423) size 224x40 [bgcolor=#FFFFFF] [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,434) size 4x17
163 text run at (225,434) width 4: " "
164 LayoutBR {BR} at (0,0) size 0x0
165 LayoutText {#text} at (1,462) size 298x17
166 text run at (1,462) width 298: "Styled select control with large border-radius: "
167 LayoutBR {BR} at (298,462) size 1x17
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,490) size 4x17
173 text run at (225,490) width 4: " "
174 LayoutBR {BR} at (0,0) size 0x0