1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x446
4 LayoutBlockFlow {HTML} at (0,0) size 800x446
5 LayoutBlockFlow {BODY} at (8,8) size 784x430
6 LayoutBlockFlow {DIV} at (0,0) size 784x430 [border: (1px solid #FF0000)]
7 LayoutText {#text} at (1,0) size 169x18
8 text run at (1,0) width 169: "Whitespace in option text:"
9 LayoutMenuList {SELECT} at (169.39,1) size 56x18 [bgcolor=#F8F8F8]
10 LayoutBlockFlow (anonymous) at (0,0) size 56x18
11 LayoutText (anonymous) at (8,2) size 25x13
12 text run at (8,2) width 25: "f o o"
13 LayoutText {#text} at (225,0) size 8x18
14 text run at (225,0) width 8: "a"
15 LayoutMenuList {SELECT} at (232.48,1) size 56x18 [bgcolor=#F8F8F8]
16 LayoutBlockFlow (anonymous) at (0,0) size 56x18
17 LayoutText (anonymous) at (8,2) size 25x13
18 text run at (8,2) width 25: "f o o"
19 LayoutText {#text} at (288,0) size 9x18
20 text run at (288,0) width 9: "b"
21 LayoutBR {BR} at (296,0) size 1x18
22 LayoutBR {BR} at (1,18) size 0x18
23 LayoutText {#text} at (1,34) size 140x18
24 text run at (1,34) width 140: "Simple select control:"
25 LayoutMenuList {SELECT} at (140.52,35) size 49x18 [bgcolor=#F8F8F8]
26 LayoutBlockFlow (anonymous) at (0,0) size 49x18
27 LayoutText (anonymous) at (8,2) size 18x13
28 text run at (8,2) width 18: "foo"
29 LayoutText {#text} at (189,34) size 8x18
30 text run at (189,34) width 8: "a"
31 LayoutMenuList {SELECT} at (196.61,35) size 49x18 [color=#808080] [bgcolor=#F8F8F8]
32 LayoutBlockFlow (anonymous) at (0,0) size 49x18
33 LayoutText (anonymous) at (8,2) size 18x13
34 text run at (8,2) width 18: "foo"
35 LayoutText {#text} at (245,34) size 9x18
36 text run at (245,34) width 9: "b"
37 LayoutBR {BR} at (253,34) size 1x18
38 LayoutBR {BR} at (1,52) size 0x18
39 LayoutText {#text} at (1,68) size 198x18
40 text run at (1,68) width 198: "Line-height should be ignored:"
41 LayoutMenuList {SELECT} at (198.73,69) size 49x18 [bgcolor=#F8F8F8]
42 LayoutBlockFlow (anonymous) at (0,0) size 49x18
43 LayoutText (anonymous) at (8,2) size 18x13
44 text run at (8,2) width 18: "foo"
45 LayoutText {#text} at (247,68) size 8x18
46 text run at (247,68) width 8: "a"
47 LayoutMenuList {SELECT} at (254.83,69) size 49x18 [color=#808080] [bgcolor=#F8F8F8]
48 LayoutBlockFlow (anonymous) at (0,0) size 49x18
49 LayoutText (anonymous) at (8,2) size 18x13
50 text run at (8,2) width 18: "bar"
51 LayoutText {#text} at (303,68) size 9x18
52 text run at (303,68) width 9: "b"
53 LayoutBR {BR} at (311,68) size 1x18
54 LayoutBR {BR} at (1,86) size 0x18
55 LayoutText {#text} at (1,102) size 441x18
56 text run at (1,102) width 441: "Padding should be respected, the arrow button shouldn't change size:"
57 LayoutMenuList {SELECT} at (442,103) size 49x18 [bgcolor=#F8F8F8]
58 LayoutBlockFlow (anonymous) at (0,0) size 49x18
59 LayoutText (anonymous) at (8,2) size 18x13
60 text run at (8,2) width 18: "foo"
61 LayoutText {#text} at (491,102) size 8x18
62 text run at (491,102) width 8: "a"
63 LayoutMenuList {SELECT} at (498.09,103) size 49x18 [color=#808080] [bgcolor=#F8F8F8]
64 LayoutBlockFlow (anonymous) at (0,0) size 49x18
65 LayoutText (anonymous) at (8,2) size 18x13
66 text run at (8,2) width 18: "foo"
67 LayoutText {#text} at (547,102) size 9x18
68 text run at (547,102) width 9: "b"
69 LayoutBR {BR} at (555,102) size 1x18
70 LayoutBR {BR} at (1,120) size 0x18
71 LayoutText {#text} at (1,143) size 180x18
72 text run at (1,143) width 180: "Border should be respected:"
73 LayoutMenuList {SELECT} at (180.05,137) size 63x32 [bgcolor=#F8F8F8] [border: (8px solid #33CCFF)]
74 LayoutBlockFlow (anonymous) at (8,8) size 47x16
75 LayoutText (anonymous) at (8,1) size 18x13
76 text run at (8,1) width 18: "foo"
77 LayoutText {#text} at (243,143) size 8x18
78 text run at (243,143) width 8: "a"
79 LayoutMenuList {SELECT} at (250.14,137) size 63x32 [color=#7F7F7F] [bgcolor=#F8F8F8] [border: (8px solid #33CCFF)]
80 LayoutBlockFlow (anonymous) at (8,8) size 47x16
81 LayoutText (anonymous) at (8,1) size 18x13
82 text run at (8,1) width 18: "foo"
83 LayoutText {#text} at (313,143) size 9x18
84 text run at (313,143) width 9: "b"
85 LayoutBR {BR} at (321,143) size 1x18
86 LayoutBR {BR} at (1,168) size 0x18
87 LayoutText {#text} at (1,187) size 118x18
88 text run at (1,187) width 118: "Border + padding:"
89 LayoutMenuList {SELECT} at (118.44,185) size 55x24 [bgcolor=#F8F8F8] [border: (4px solid #33CCFF)]
90 LayoutBlockFlow (anonymous) at (4,4) size 47x16
91 LayoutText (anonymous) at (8,1) size 18x13
92 text run at (8,1) width 18: "foo"
93 LayoutText {#text} at (173,187) size 8x18
94 text run at (173,187) width 8: "a"
95 LayoutMenuList {SELECT} at (180.53,185) size 55x24 [color=#7F7F7F] [bgcolor=#F8F8F8] [border: (4px solid #33CCFF)]
96 LayoutBlockFlow (anonymous) at (4,4) size 47x16
97 LayoutText (anonymous) at (8,1) size 18x13
98 text run at (8,1) width 18: "foo"
99 LayoutText {#text} at (235,187) size 9x18
100 text run at (235,187) width 9: "b"
101 LayoutBR {BR} at (243,187) size 1x18
102 LayoutBR {BR} at (1,208) size 0x18
103 LayoutText {#text} at (1,224) size 492x18
104 text run at (1,224) width 492: "Height larger than font-size, button should grow, text baseline should center:"
105 LayoutMenuList {SELECT} at (492.42,225) size 49x18 [bgcolor=#F8F8F8]
106 LayoutBlockFlow (anonymous) at (0,0) size 49x18
107 LayoutText (anonymous) at (8,2) size 18x13
108 text run at (8,2) width 18: "foo"
109 LayoutText {#text} at (541,224) size 8x18
110 text run at (541,224) width 8: "a"
111 LayoutMenuList {SELECT} at (548.52,225) size 49x18 [color=#808080] [bgcolor=#F8F8F8]
112 LayoutBlockFlow (anonymous) at (0,0) size 49x18
113 LayoutText (anonymous) at (8,2) size 18x13
114 text run at (8,2) width 18: "foo"
115 LayoutText {#text} at (597,224) size 9x18
116 text run at (597,224) width 9: "b"
117 LayoutBR {BR} at (605,224) size 1x18
118 LayoutBR {BR} at (1,242) size 0x18
119 LayoutText {#text} at (1,258) size 498x18
120 text run at (1,258) width 498: "Height smaller than font-size, whole select shrinks but baseline is unchanged:"
121 LayoutMenuList {SELECT} at (498.20,259) size 49x18 [bgcolor=#F8F8F8]
122 LayoutBlockFlow (anonymous) at (0,0) size 49x18
123 LayoutText (anonymous) at (8,2) size 18x13
124 text run at (8,2) width 18: "foo"
125 LayoutText {#text} at (547,258) size 8x18
126 text run at (547,258) width 8: "a"
127 LayoutMenuList {SELECT} at (554.30,259) size 49x18 [bgcolor=#F8F8F8]
128 LayoutBlockFlow (anonymous) at (0,0) size 49x18
129 LayoutText (anonymous) at (8,2) size 18x13
130 text run at (8,2) width 18: "bar"
131 LayoutText {#text} at (603,258) size 9x18
132 text run at (603,258) width 9: "b"
133 LayoutBR {BR} at (611,258) size 1x18
134 LayoutBR {BR} at (1,276) size 0x18
135 LayoutText {#text} at (1,292) size 173x18
136 text run at (1,292) width 173: "select control with size=0: "
137 LayoutBR {BR} at (173,292) size 1x18
138 LayoutMenuList {SELECT} at (1,309) size 198x18 [bgcolor=#F8F8F8]
139 LayoutBlockFlow (anonymous) at (0,0) size 198x18
140 LayoutText (anonymous) at (8,2) size 70x13
141 text run at (8,2) width 70: "Future Series"
142 LayoutText {#text} at (199,308) size 4x18
143 text run at (199,308) width 4: " "
144 LayoutBR {BR} at (0,0) size 0x0
145 LayoutText {#text} at (1,326) size 173x18
146 text run at (1,326) width 173: "select control with size=1: "
147 LayoutBR {BR} at (173,326) size 1x18
148 LayoutMenuList {SELECT} at (1,343) size 198x18 [bgcolor=#F8F8F8]
149 LayoutBlockFlow (anonymous) at (0,0) size 198x18
150 LayoutText (anonymous) at (8,2) size 70x13
151 text run at (8,2) width 70: "Future Series"
152 LayoutText {#text} at (199,342) size 4x18
153 text run at (199,342) width 4: " "
154 LayoutBR {BR} at (0,0) size 0x0
155 LayoutText {#text} at (1,360) size 170x18
156 text run at (1,360) width 170: "Non-styled select control: "
157 LayoutBR {BR} at (170,360) size 1x18
158 LayoutMenuList {SELECT} at (1,377) size 198x18 [bgcolor=#F8F8F8] [border: (1px solid #A6A6A6)]
159 LayoutBlockFlow (anonymous) at (1,1) size 196x16
160 LayoutText (anonymous) at (8,1) size 70x13
161 text run at (8,1) width 70: "Future Series"
162 LayoutText {#text} at (199,376) size 4x18
163 text run at (199,376) width 4: " "
164 LayoutBR {BR} at (0,0) size 0x0
165 LayoutText {#text} at (1,394) size 298x18
166 text run at (1,394) width 298: "Styled select control with large border-radius: "
167 LayoutBR {BR} at (298,394) size 1x18
168 LayoutMenuList {SELECT} at (1,411) size 198x18 [bgcolor=#33CCFF] [border: (1px solid #A6A6A6)]
169 LayoutBlockFlow (anonymous) at (1,1) size 196x16
170 LayoutText (anonymous) at (8,1) size 70x13
171 text run at (8,1) width 70: "Future Series"
172 LayoutText {#text} at (199,410) size 4x18
173 text run at (199,410) width 4: " "
174 LayoutBR {BR} at (0,0) size 0x0