| OLD | NEW |
| (Empty) |
| 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 54x18 [bgcolor=#F8F8F8] | |
| 10 LayoutBlockFlow (anonymous) at (0,0) size 54x18 | |
| 11 LayoutText (anonymous) at (8,2) size 23x13 | |
| 12 text run at (8,2) width 23: "f o o" | |
| 13 LayoutText {#text} at (223,0) size 8x18 | |
| 14 text run at (223,0) width 8: "a" | |
| 15 LayoutMenuList {SELECT} at (230.48,1) size 54x18 [bgcolor=#F8F8F8] | |
| 16 LayoutBlockFlow (anonymous) at (0,0) size 54x18 | |
| 17 LayoutText (anonymous) at (8,2) size 23x13 | |
| 18 text run at (8,2) width 23: "f o o" | |
| 19 LayoutText {#text} at (284,0) size 9x18 | |
| 20 text run at (284,0) width 9: "b" | |
| 21 LayoutBR {BR} at (292,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 48x18 [bgcolor=#F8F8F8] | |
| 26 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 27 LayoutText (anonymous) at (8,2) size 17x13 | |
| 28 text run at (8,2) width 17: "foo" | |
| 29 LayoutText {#text} at (188,34) size 8x18 | |
| 30 text run at (188,34) width 8: "a" | |
| 31 LayoutMenuList {SELECT} at (195.61,35) size 48x18 [color=#808080] [bgcol
or=#F8F8F8] | |
| 32 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 33 LayoutText (anonymous) at (8,2) size 17x13 | |
| 34 text run at (8,2) width 17: "foo" | |
| 35 LayoutText {#text} at (243,34) size 9x18 | |
| 36 text run at (243,34) width 9: "b" | |
| 37 LayoutBR {BR} at (251,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 48x18 [bgcolor=#F8F8F8] | |
| 42 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 43 LayoutText (anonymous) at (8,2) size 17x13 | |
| 44 text run at (8,2) width 17: "foo" | |
| 45 LayoutText {#text} at (246,68) size 8x18 | |
| 46 text run at (246,68) width 8: "a" | |
| 47 LayoutMenuList {SELECT} at (253.83,69) size 48x18 [color=#808080] [bgcol
or=#F8F8F8] | |
| 48 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 49 LayoutText (anonymous) at (8,2) size 17x13 | |
| 50 text run at (8,2) width 17: "bar" | |
| 51 LayoutText {#text} at (301,68) size 9x18 | |
| 52 text run at (301,68) width 9: "b" | |
| 53 LayoutBR {BR} at (309,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 48x18 [bgcolor=#F8F8F8] | |
| 58 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 59 LayoutText (anonymous) at (8,2) size 17x13 | |
| 60 text run at (8,2) width 17: "foo" | |
| 61 LayoutText {#text} at (490,102) size 8x18 | |
| 62 text run at (490,102) width 8: "a" | |
| 63 LayoutMenuList {SELECT} at (497.09,103) size 48x18 [color=#808080] [bgco
lor=#F8F8F8] | |
| 64 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 65 LayoutText (anonymous) at (8,2) size 17x13 | |
| 66 text run at (8,2) width 17: "foo" | |
| 67 LayoutText {#text} at (545,102) size 9x18 | |
| 68 text run at (545,102) width 9: "b" | |
| 69 LayoutBR {BR} at (553,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 54x32 [bgcolor=#F8F8F8] [bo
rder: (8px solid #33CCFF)] | |
| 74 LayoutBlockFlow (anonymous) at (8,8) size 38x16 | |
| 75 LayoutText (anonymous) at (8,1) size 17x13 | |
| 76 text run at (8,1) width 17: "foo" | |
| 77 LayoutText {#text} at (234,143) size 8x18 | |
| 78 text run at (234,143) width 8: "a" | |
| 79 LayoutMenuList {SELECT} at (241.14,137) size 54x32 [color=#7F7F7F] [bgco
lor=#F8F8F8] [border: (8px solid #33CCFF)] | |
| 80 LayoutBlockFlow (anonymous) at (8,8) size 38x16 | |
| 81 LayoutText (anonymous) at (8,1) size 17x13 | |
| 82 text run at (8,1) width 17: "foo" | |
| 83 LayoutText {#text} at (295,143) size 9x18 | |
| 84 text run at (295,143) width 9: "b" | |
| 85 LayoutBR {BR} at (303,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 46x24 [bgcolor=#F8F8F8] [bo
rder: (4px solid #33CCFF)] | |
| 90 LayoutBlockFlow (anonymous) at (4,4) size 38x16 | |
| 91 LayoutText (anonymous) at (8,1) size 17x13 | |
| 92 text run at (8,1) width 17: "foo" | |
| 93 LayoutText {#text} at (164,187) size 8x18 | |
| 94 text run at (164,187) width 8: "a" | |
| 95 LayoutMenuList {SELECT} at (171.53,185) size 46x24 [color=#7F7F7F] [bgco
lor=#F8F8F8] [border: (4px solid #33CCFF)] | |
| 96 LayoutBlockFlow (anonymous) at (4,4) size 38x16 | |
| 97 LayoutText (anonymous) at (8,1) size 17x13 | |
| 98 text run at (8,1) width 17: "foo" | |
| 99 LayoutText {#text} at (217,187) size 9x18 | |
| 100 text run at (217,187) width 9: "b" | |
| 101 LayoutBR {BR} at (225,187) size 1x18 | |
| 102 LayoutBR {BR} at (1,208) size 0x18 | |
| 103 LayoutText {#text} at (1,224) size 491x18 | |
| 104 text run at (1,224) width 491: "Height larger than font-size, button s
hould grow, text baseline should center:" | |
| 105 LayoutMenuList {SELECT} at (491.11,225) size 48x18 [bgcolor=#F8F8F8] | |
| 106 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 107 LayoutText (anonymous) at (8,2) size 17x13 | |
| 108 text run at (8,2) width 17: "foo" | |
| 109 LayoutText {#text} at (539,224) size 8x18 | |
| 110 text run at (539,224) width 8: "a" | |
| 111 LayoutMenuList {SELECT} at (546.20,225) size 48x18 [color=#808080] [bgco
lor=#F8F8F8] | |
| 112 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 113 LayoutText (anonymous) at (8,2) size 17x13 | |
| 114 text run at (8,2) width 17: "foo" | |
| 115 LayoutText {#text} at (594,224) size 9x18 | |
| 116 text run at (594,224) width 9: "b" | |
| 117 LayoutBR {BR} at (602,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 s
elect shrinks but baseline is unchanged:" | |
| 121 LayoutMenuList {SELECT} at (498.20,259) size 48x18 [bgcolor=#F8F8F8] | |
| 122 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 123 LayoutText (anonymous) at (8,2) size 17x13 | |
| 124 text run at (8,2) width 17: "foo" | |
| 125 LayoutText {#text} at (546,258) size 8x18 | |
| 126 text run at (546,258) width 8: "a" | |
| 127 LayoutMenuList {SELECT} at (553.30,259) size 48x18 [bgcolor=#F8F8F8] | |
| 128 LayoutBlockFlow (anonymous) at (0,0) size 48x18 | |
| 129 LayoutText (anonymous) at (8,2) size 17x13 | |
| 130 text run at (8,2) width 17: "bar" | |
| 131 LayoutText {#text} at (601,258) size 9x18 | |
| 132 text run at (601,258) width 9: "b" | |
| 133 LayoutBR {BR} at (609,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 187x18 [bgcolor=#F8F8F8] | |
| 139 LayoutBlockFlow (anonymous) at (0,0) size 187x18 | |
| 140 LayoutText (anonymous) at (8,2) size 67x13 | |
| 141 text run at (8,2) width 67: "Future Series" | |
| 142 LayoutText {#text} at (188,308) size 4x18 | |
| 143 text run at (188,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 187x18 [bgcolor=#F8F8F8] | |
| 149 LayoutBlockFlow (anonymous) at (0,0) size 187x18 | |
| 150 LayoutText (anonymous) at (8,2) size 67x13 | |
| 151 text run at (8,2) width 67: "Future Series" | |
| 152 LayoutText {#text} at (188,342) size 4x18 | |
| 153 text run at (188,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 179x18 [bgcolor=#F8F8F8] [border
: (1px solid #A6A6A6)] | |
| 159 LayoutBlockFlow (anonymous) at (1,1) size 177x16 | |
| 160 LayoutText (anonymous) at (8,1) size 67x13 | |
| 161 text run at (8,1) width 67: "Future Series" | |
| 162 LayoutText {#text} at (180,376) size 4x18 | |
| 163 text run at (180,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 borde
r-radius: " | |
| 167 LayoutBR {BR} at (298,394) size 1x18 | |
| 168 LayoutMenuList {SELECT} at (1,411) size 179x18 [bgcolor=#33CCFF] [border
: (1px solid #A6A6A6)] | |
| 169 LayoutBlockFlow (anonymous) at (1,1) size 177x16 | |
| 170 LayoutText (anonymous) at (8,1) size 67x13 | |
| 171 text run at (8,1) width 67: "Future Series" | |
| 172 LayoutText {#text} at (180,410) size 4x18 | |
| 173 text run at (180,410) width 4: " " | |
| 174 LayoutBR {BR} at (0,0) size 0x0 | |
| OLD | NEW |