| 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 800x486 | 3 layer at (0,0) size 800x446 |
| 4 RenderBlock {HTML} at (0,0) size 800x486 | 4 RenderBlock {HTML} at (0,0) size 800x446 |
| 5 RenderBody {BODY} at (8,8) size 784x470 | 5 RenderBody {BODY} at (8,8) size 784x430 |
| 6 RenderBlock {DIV} at (0,0) size 784x470 [border: (1px solid #FF0000)] | 6 RenderBlock {DIV} at (0,0) size 784x430 [border: (1px solid #FF0000)] |
| 7 RenderText {#text} at (1,2) size 164x18 | 7 RenderText {#text} at (1,0) size 164x18 |
| 8 text run at (1,2) width 164: "Whitespace in option text:" | 8 text run at (1,0) width 164: "Whitespace in option text:" |
| 9 RenderMenuList {SELECT} at (167,3) size 56x18 [bgcolor=#F8F8F8] | 9 RenderMenuList {SELECT} at (165,1) size 56x18 [bgcolor=#F8F8F8] |
| 10 RenderBlock (anonymous) at (0,0) size 56x18 | 10 RenderBlock (anonymous) at (0,0) size 56x18 |
| 11 RenderText at (8,2) size 25x13 | 11 RenderText at (8,2) size 25x13 |
| 12 text run at (8,2) width 25: "f o o" | 12 text run at (8,2) width 25: "f o o" |
| 13 RenderText {#text} at (225,2) size 7x18 | 13 RenderText {#text} at (221,0) size 7x18 |
| 14 text run at (225,2) width 7: "a" | 14 text run at (221,0) width 7: "a" |
| 15 RenderMenuList {SELECT} at (234,3) size 56x18 [bgcolor=#F8F8F8] | 15 RenderMenuList {SELECT} at (228,1) size 56x18 [bgcolor=#F8F8F8] |
| 16 RenderBlock (anonymous) at (0,0) size 56x18 | 16 RenderBlock (anonymous) at (0,0) size 56x18 |
| 17 RenderText at (8,2) size 25x13 | 17 RenderText at (8,2) size 25x13 |
| 18 text run at (8,2) width 25: "f o o" | 18 text run at (8,2) width 25: "f o o" |
| 19 RenderText {#text} at (292,2) size 8x18 | 19 RenderText {#text} at (284,0) size 8x18 |
| 20 text run at (292,2) width 8: "b" | 20 text run at (284,0) width 8: "b" |
| 21 RenderBR {BR} at (300,2) size 0x18 | 21 RenderBR {BR} at (292,0) size 0x18 |
| 22 RenderBR {BR} at (1,22) size 0x18 | 22 RenderBR {BR} at (1,18) size 0x18 |
| 23 RenderText {#text} at (1,40) size 135x18 | 23 RenderText {#text} at (1,34) size 135x18 |
| 24 text run at (1,40) width 135: "Simple select control:" | 24 text run at (1,34) width 135: "Simple select control:" |
| 25 RenderMenuList {SELECT} at (138,41) size 49x18 [bgcolor=#F8F8F8] | 25 RenderMenuList {SELECT} at (136,35) size 49x18 [bgcolor=#F8F8F8] |
| 26 RenderBlock (anonymous) at (0,0) size 49x18 | 26 RenderBlock (anonymous) at (0,0) size 49x18 |
| 27 RenderText at (8,2) size 18x13 | 27 RenderText at (8,2) size 18x13 |
| 28 text run at (8,2) width 18: "foo" | 28 text run at (8,2) width 18: "foo" |
| 29 RenderText {#text} at (189,40) size 7x18 | 29 RenderText {#text} at (185,34) size 7x18 |
| 30 text run at (189,40) width 7: "a" | 30 text run at (185,34) width 7: "a" |
| 31 RenderMenuList {SELECT} at (198,41) size 49x18 [color=#808080] [bgcolor=
#F8F8F8] | 31 RenderMenuList {SELECT} at (192,35) size 49x18 [color=#808080] [bgcolor=
#F8F8F8] |
| 32 RenderBlock (anonymous) at (0,0) size 49x18 | 32 RenderBlock (anonymous) at (0,0) size 49x18 |
| 33 RenderText at (8,2) size 18x13 | 33 RenderText at (8,2) size 18x13 |
| 34 text run at (8,2) width 18: "foo" | 34 text run at (8,2) width 18: "foo" |
| 35 RenderText {#text} at (249,40) size 8x18 | 35 RenderText {#text} at (241,34) size 8x18 |
| 36 text run at (249,40) width 8: "b" | 36 text run at (241,34) width 8: "b" |
| 37 RenderBR {BR} at (257,40) size 0x18 | 37 RenderBR {BR} at (249,34) size 0x18 |
| 38 RenderBR {BR} at (1,60) size 0x18 | 38 RenderBR {BR} at (1,52) size 0x18 |
| 39 RenderText {#text} at (1,78) size 194x18 | 39 RenderText {#text} at (1,68) size 194x18 |
| 40 text run at (1,78) width 194: "Line-height should be ignored:" | 40 text run at (1,68) width 194: "Line-height should be ignored:" |
| 41 RenderMenuList {SELECT} at (197,79) size 49x18 [bgcolor=#F8F8F8] | 41 RenderMenuList {SELECT} at (195,69) size 49x18 [bgcolor=#F8F8F8] |
| 42 RenderBlock (anonymous) at (0,0) size 49x18 | 42 RenderBlock (anonymous) at (0,0) size 49x18 |
| 43 RenderText at (8,2) size 18x13 | 43 RenderText at (8,2) size 18x13 |
| 44 text run at (8,2) width 18: "foo" | 44 text run at (8,2) width 18: "foo" |
| 45 RenderText {#text} at (248,78) size 7x18 | 45 RenderText {#text} at (244,68) size 7x18 |
| 46 text run at (248,78) width 7: "a" | 46 text run at (244,68) width 7: "a" |
| 47 RenderMenuList {SELECT} at (257,79) size 49x18 [color=#808080] [bgcolor=
#F8F8F8] | 47 RenderMenuList {SELECT} at (251,69) size 49x18 [color=#808080] [bgcolor=
#F8F8F8] |
| 48 RenderBlock (anonymous) at (0,0) size 49x18 | 48 RenderBlock (anonymous) at (0,0) size 49x18 |
| 49 RenderText at (8,2) size 18x13 | 49 RenderText at (8,2) size 18x13 |
| 50 text run at (8,2) width 18: "bar" | 50 text run at (8,2) width 18: "bar" |
| 51 RenderText {#text} at (308,78) size 8x18 | 51 RenderText {#text} at (300,68) size 8x18 |
| 52 text run at (308,78) width 8: "b" | 52 text run at (300,68) width 8: "b" |
| 53 RenderBR {BR} at (316,78) size 0x18 | 53 RenderBR {BR} at (308,68) size 0x18 |
| 54 RenderBR {BR} at (1,98) size 0x18 | 54 RenderBR {BR} at (1,86) size 0x18 |
| 55 RenderText {#text} at (1,116) size 434x18 | 55 RenderText {#text} at (1,102) size 434x18 |
| 56 text run at (1,116) width 434: "Padding should be respected, the arrow
button shouldn't change size:" | 56 text run at (1,102) width 434: "Padding should be respected, the arrow
button shouldn't change size:" |
| 57 RenderMenuList {SELECT} at (437,117) size 49x18 [bgcolor=#F8F8F8] | 57 RenderMenuList {SELECT} at (435,103) size 49x18 [bgcolor=#F8F8F8] |
| 58 RenderBlock (anonymous) at (0,0) size 49x18 | 58 RenderBlock (anonymous) at (0,0) size 49x18 |
| 59 RenderText at (8,2) size 18x13 | 59 RenderText at (8,2) size 18x13 |
| 60 text run at (8,2) width 18: "foo" | 60 text run at (8,2) width 18: "foo" |
| 61 RenderText {#text} at (488,116) size 7x18 | 61 RenderText {#text} at (484,102) size 7x18 |
| 62 text run at (488,116) width 7: "a" | 62 text run at (484,102) width 7: "a" |
| 63 RenderMenuList {SELECT} at (497,117) size 49x18 [color=#808080] [bgcolor
=#F8F8F8] | 63 RenderMenuList {SELECT} at (491,103) size 49x18 [color=#808080] [bgcolor
=#F8F8F8] |
| 64 RenderBlock (anonymous) at (0,0) size 49x18 | 64 RenderBlock (anonymous) at (0,0) size 49x18 |
| 65 RenderText at (8,2) size 18x13 | 65 RenderText at (8,2) size 18x13 |
| 66 text run at (8,2) width 18: "foo" | 66 text run at (8,2) width 18: "foo" |
| 67 RenderText {#text} at (548,116) size 8x18 | 67 RenderText {#text} at (540,102) size 8x18 |
| 68 text run at (548,116) width 8: "b" | 68 text run at (540,102) width 8: "b" |
| 69 RenderBR {BR} at (556,116) size 0x18 | 69 RenderBR {BR} at (548,102) size 0x18 |
| 70 RenderBR {BR} at (1,136) size 0x18 | 70 RenderBR {BR} at (1,120) size 0x18 |
| 71 RenderText {#text} at (1,161) size 176x18 | 71 RenderText {#text} at (1,143) size 176x18 |
| 72 text run at (1,161) width 176: "Border should be respected:" | 72 text run at (1,143) width 176: "Border should be respected:" |
| 73 RenderMenuList {SELECT} at (179,155) size 63x32 [bgcolor=#F8F8F8] [borde
r: (8px solid #33CCFF)] | 73 RenderMenuList {SELECT} at (177,137) size 63x32 [bgcolor=#F8F8F8] [borde
r: (8px solid #33CCFF)] |
| 74 RenderBlock (anonymous) at (8,8) size 47x16 | 74 RenderBlock (anonymous) at (8,8) size 47x16 |
| 75 RenderText at (8,1) size 18x13 | 75 RenderText at (8,1) size 18x13 |
| 76 text run at (8,1) width 18: "foo" | 76 text run at (8,1) width 18: "foo" |
| 77 RenderText {#text} at (244,161) size 7x18 | 77 RenderText {#text} at (240,143) size 7x18 |
| 78 text run at (244,161) width 7: "a" | 78 text run at (240,143) width 7: "a" |
| 79 RenderMenuList {SELECT} at (253,155) size 63x32 [color=#7F7F7F] [bgcolor
=#F8F8F8] [border: (8px solid #33CCFF)] | 79 RenderMenuList {SELECT} at (247,137) size 63x32 [color=#7F7F7F] [bgcolor
=#F8F8F8] [border: (8px solid #33CCFF)] |
| 80 RenderBlock (anonymous) at (8,8) size 47x16 | 80 RenderBlock (anonymous) at (8,8) size 47x16 |
| 81 RenderText at (8,1) size 18x13 | 81 RenderText at (8,1) size 18x13 |
| 82 text run at (8,1) width 18: "foo" | 82 text run at (8,1) width 18: "foo" |
| 83 RenderText {#text} at (318,161) size 8x18 | 83 RenderText {#text} at (310,143) size 8x18 |
| 84 text run at (318,161) width 8: "b" | 84 text run at (310,143) width 8: "b" |
| 85 RenderBR {BR} at (326,161) size 0x18 | 85 RenderBR {BR} at (318,143) size 0x18 |
| 86 RenderBR {BR} at (1,188) size 0x18 | 86 RenderBR {BR} at (1,168) size 0x18 |
| 87 RenderText {#text} at (1,209) size 116x18 | 87 RenderText {#text} at (1,187) size 116x18 |
| 88 text run at (1,209) width 116: "Border + padding:" | 88 text run at (1,187) width 116: "Border + padding:" |
| 89 RenderMenuList {SELECT} at (119,207) size 55x24 [bgcolor=#F8F8F8] [borde
r: (4px solid #33CCFF)] | 89 RenderMenuList {SELECT} at (117,185) size 55x24 [bgcolor=#F8F8F8] [borde
r: (4px solid #33CCFF)] |
| 90 RenderBlock (anonymous) at (4,4) size 47x16 | 90 RenderBlock (anonymous) at (4,4) size 47x16 |
| 91 RenderText at (8,1) size 18x13 | 91 RenderText at (8,1) size 18x13 |
| 92 text run at (8,1) width 18: "foo" | 92 text run at (8,1) width 18: "foo" |
| 93 RenderText {#text} at (176,209) size 7x18 | 93 RenderText {#text} at (172,187) size 7x18 |
| 94 text run at (176,209) width 7: "a" | 94 text run at (172,187) width 7: "a" |
| 95 RenderMenuList {SELECT} at (185,207) size 55x24 [color=#7F7F7F] [bgcolor
=#F8F8F8] [border: (4px solid #33CCFF)] | 95 RenderMenuList {SELECT} at (179,185) size 55x24 [color=#7F7F7F] [bgcolor
=#F8F8F8] [border: (4px solid #33CCFF)] |
| 96 RenderBlock (anonymous) at (4,4) size 47x16 | 96 RenderBlock (anonymous) at (4,4) size 47x16 |
| 97 RenderText at (8,1) size 18x13 | 97 RenderText at (8,1) size 18x13 |
| 98 text run at (8,1) width 18: "foo" | 98 text run at (8,1) width 18: "foo" |
| 99 RenderText {#text} at (242,209) size 8x18 | 99 RenderText {#text} at (234,187) size 8x18 |
| 100 text run at (242,209) width 8: "b" | 100 text run at (234,187) width 8: "b" |
| 101 RenderBR {BR} at (250,209) size 0x18 | 101 RenderBR {BR} at (242,187) size 0x18 |
| 102 RenderBR {BR} at (1,232) size 0x18 | 102 RenderBR {BR} at (1,208) size 0x18 |
| 103 RenderText {#text} at (1,248) size 481x18 | 103 RenderText {#text} at (1,224) size 481x18 |
| 104 text run at (1,248) width 481: "Height larger than font-size, button s
hould grow, text baseline should center:" | 104 text run at (1,224) width 481: "Height larger than font-size, button s
hould grow, text baseline should center:" |
| 105 RenderMenuList {SELECT} at (484,249) size 49x18 [bgcolor=#F8F8F8] | 105 RenderMenuList {SELECT} at (482,225) size 49x18 [bgcolor=#F8F8F8] |
| 106 RenderBlock (anonymous) at (0,0) size 49x18 | 106 RenderBlock (anonymous) at (0,0) size 49x18 |
| 107 RenderText at (8,2) size 18x13 | 107 RenderText at (8,2) size 18x13 |
| 108 text run at (8,2) width 18: "foo" | 108 text run at (8,2) width 18: "foo" |
| 109 RenderText {#text} at (535,248) size 7x18 | 109 RenderText {#text} at (531,224) size 7x18 |
| 110 text run at (535,248) width 7: "a" | 110 text run at (531,224) width 7: "a" |
| 111 RenderMenuList {SELECT} at (544,249) size 49x18 [color=#808080] [bgcolor
=#F8F8F8] | 111 RenderMenuList {SELECT} at (538,225) size 49x18 [color=#808080] [bgcolor
=#F8F8F8] |
| 112 RenderBlock (anonymous) at (0,0) size 49x18 | 112 RenderBlock (anonymous) at (0,0) size 49x18 |
| 113 RenderText at (8,2) size 18x13 | 113 RenderText at (8,2) size 18x13 |
| 114 text run at (8,2) width 18: "foo" | 114 text run at (8,2) width 18: "foo" |
| 115 RenderText {#text} at (595,248) size 8x18 | 115 RenderText {#text} at (587,224) size 8x18 |
| 116 text run at (595,248) width 8: "b" | 116 text run at (587,224) width 8: "b" |
| 117 RenderBR {BR} at (603,248) size 0x18 | 117 RenderBR {BR} at (595,224) size 0x18 |
| 118 RenderBR {BR} at (1,266) size 0x18 | 118 RenderBR {BR} at (1,242) size 0x18 |
| 119 RenderText {#text} at (1,282) size 486x18 | 119 RenderText {#text} at (1,258) size 486x18 |
| 120 text run at (1,282) width 486: "Height smaller than font-size, whole s
elect shrinks but baseline is unchanged:" | 120 text run at (1,258) width 486: "Height smaller than font-size, whole s
elect shrinks but baseline is unchanged:" |
| 121 RenderMenuList {SELECT} at (489,283) size 49x18 [bgcolor=#F8F8F8] | 121 RenderMenuList {SELECT} at (487,259) size 49x18 [bgcolor=#F8F8F8] |
| 122 RenderBlock (anonymous) at (0,0) size 49x18 | 122 RenderBlock (anonymous) at (0,0) size 49x18 |
| 123 RenderText at (8,2) size 18x13 | 123 RenderText at (8,2) size 18x13 |
| 124 text run at (8,2) width 18: "foo" | 124 text run at (8,2) width 18: "foo" |
| 125 RenderText {#text} at (540,282) size 7x18 | 125 RenderText {#text} at (536,258) size 7x18 |
| 126 text run at (540,282) width 7: "a" | 126 text run at (536,258) width 7: "a" |
| 127 RenderMenuList {SELECT} at (549,283) size 49x18 [bgcolor=#F8F8F8] | 127 RenderMenuList {SELECT} at (543,259) size 49x18 [bgcolor=#F8F8F8] |
| 128 RenderBlock (anonymous) at (0,0) size 49x18 | 128 RenderBlock (anonymous) at (0,0) size 49x18 |
| 129 RenderText at (8,2) size 18x13 | 129 RenderText at (8,2) size 18x13 |
| 130 text run at (8,2) width 18: "bar" | 130 text run at (8,2) width 18: "bar" |
| 131 RenderText {#text} at (600,282) size 8x18 | 131 RenderText {#text} at (592,258) size 8x18 |
| 132 text run at (600,282) width 8: "b" | 132 text run at (592,258) width 8: "b" |
| 133 RenderBR {BR} at (608,282) size 0x18 | 133 RenderBR {BR} at (600,258) size 0x18 |
| 134 RenderBR {BR} at (1,300) size 0x18 | 134 RenderBR {BR} at (1,276) size 0x18 |
| 135 RenderText {#text} at (1,316) size 168x18 | 135 RenderText {#text} at (1,292) size 168x18 |
| 136 text run at (1,316) width 168: "select control with size=0: " | 136 text run at (1,292) width 168: "select control with size=0: " |
| 137 RenderBR {BR} at (169,316) size 0x18 | 137 RenderBR {BR} at (169,292) size 0x18 |
| 138 RenderMenuList {SELECT} at (3,335) size 198x18 [bgcolor=#FFFFFF] | 138 RenderMenuList {SELECT} at (1,309) size 198x18 [bgcolor=#FFFFFF] |
| 139 RenderBlock (anonymous) at (0,0) size 198x18 | 139 RenderBlock (anonymous) at (0,0) size 198x18 |
| 140 RenderText at (8,2) size 70x13 | 140 RenderText at (8,2) size 70x13 |
| 141 text run at (8,2) width 70: "Future Series" | 141 text run at (8,2) width 70: "Future Series" |
| 142 RenderText {#text} at (203,334) size 4x18 | 142 RenderText {#text} at (199,308) size 4x18 |
| 143 text run at (203,334) width 4: " " | 143 text run at (199,308) width 4: " " |
| 144 RenderBR {BR} at (0,0) size 0x0 | 144 RenderBR {BR} at (0,0) size 0x0 |
| 145 RenderText {#text} at (1,354) size 168x18 | 145 RenderText {#text} at (1,326) size 168x18 |
| 146 text run at (1,354) width 168: "select control with size=1: " | 146 text run at (1,326) width 168: "select control with size=1: " |
| 147 RenderBR {BR} at (169,354) size 0x18 | 147 RenderBR {BR} at (169,326) size 0x18 |
| 148 RenderMenuList {SELECT} at (3,373) size 198x18 [bgcolor=#FFFFFF] | 148 RenderMenuList {SELECT} at (1,343) size 198x18 [bgcolor=#FFFFFF] |
| 149 RenderBlock (anonymous) at (0,0) size 198x18 | 149 RenderBlock (anonymous) at (0,0) size 198x18 |
| 150 RenderText at (8,2) size 70x13 | 150 RenderText at (8,2) size 70x13 |
| 151 text run at (8,2) width 70: "Future Series" | 151 text run at (8,2) width 70: "Future Series" |
| 152 RenderText {#text} at (203,372) size 4x18 | 152 RenderText {#text} at (199,342) size 4x18 |
| 153 text run at (203,372) width 4: " " | 153 text run at (199,342) width 4: " " |
| 154 RenderBR {BR} at (0,0) size 0x0 | 154 RenderBR {BR} at (0,0) size 0x0 |
| 155 RenderText {#text} at (1,392) size 165x18 | 155 RenderText {#text} at (1,360) size 165x18 |
| 156 text run at (1,392) width 165: "Non-styled select control: " | 156 text run at (1,360) width 165: "Non-styled select control: " |
| 157 RenderBR {BR} at (166,392) size 0x18 | 157 RenderBR {BR} at (166,360) size 0x18 |
| 158 RenderMenuList {SELECT} at (3,411) size 198x18 [bgcolor=#F8F8F8] [border
: (1px solid #A6A6A6)] | 158 RenderMenuList {SELECT} at (1,377) size 198x18 [bgcolor=#F8F8F8] [border
: (1px solid #A6A6A6)] |
| 159 RenderBlock (anonymous) at (1,1) size 196x16 | 159 RenderBlock (anonymous) at (1,1) size 196x16 |
| 160 RenderText at (8,1) size 70x13 | 160 RenderText at (8,1) size 70x13 |
| 161 text run at (8,1) width 70: "Future Series" | 161 text run at (8,1) width 70: "Future Series" |
| 162 RenderText {#text} at (203,410) size 4x18 | 162 RenderText {#text} at (199,376) size 4x18 |
| 163 text run at (203,410) width 4: " " | 163 text run at (199,376) width 4: " " |
| 164 RenderBR {BR} at (0,0) size 0x0 | 164 RenderBR {BR} at (0,0) size 0x0 |
| 165 RenderText {#text} at (1,430) size 290x18 | 165 RenderText {#text} at (1,394) size 290x18 |
| 166 text run at (1,430) width 290: "Styled select control with large borde
r-radius: " | 166 text run at (1,394) width 290: "Styled select control with large borde
r-radius: " |
| 167 RenderBR {BR} at (291,430) size 0x18 | 167 RenderBR {BR} at (291,394) size 0x18 |
| 168 RenderMenuList {SELECT} at (3,449) size 198x18 [bgcolor=#33CCFF] [border
: (1px solid #A6A6A6)] | 168 RenderMenuList {SELECT} at (1,411) size 198x18 [bgcolor=#33CCFF] [border
: (1px solid #A6A6A6)] |
| 169 RenderBlock (anonymous) at (1,1) size 196x16 | 169 RenderBlock (anonymous) at (1,1) size 196x16 |
| 170 RenderText at (8,1) size 70x13 | 170 RenderText at (8,1) size 70x13 |
| 171 text run at (8,1) width 70: "Future Series" | 171 text run at (8,1) width 70: "Future Series" |
| 172 RenderText {#text} at (203,448) size 4x18 | 172 RenderText {#text} at (199,410) size 4x18 |
| 173 text run at (203,448) width 4: " " | 173 text run at (199,410) width 4: " " |
| 174 RenderBR {BR} at (0,0) size 0x0 | 174 RenderBR {BR} at (0,0) size 0x0 |
| OLD | NEW |