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