| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 778 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 778 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x546 | 3 layer at (0,0) size 785x546 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x546 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x546 |
| 5 LayoutBlockFlow {BODY} at (8,16) size 769x522 | 5 LayoutBlockFlow {BODY} at (8,16) size 769x522 |
| 6 LayoutBlockFlow {P} at (0,0) size 769x18 | 6 LayoutBlockFlow {P} at (0,0) size 769x18 |
| 7 LayoutText {#text} at (0,0) size 258x18 | 7 LayoutText {#text} at (0,0) size 258x18 |
| 8 text run at (0,0) width 258: "Test controls rendering with cast button
." | 8 text run at (0,0) width 258: "Test controls rendering with cast button
." |
| 9 LayoutBlockFlow {DIV} at (0,34) size 769x244 | 9 LayoutBlockFlow {DIV} at (0,34) size 769x244 |
| 10 LayoutText {#text} at (0,0) size 0x0 | 10 LayoutText {#text} at (0,0) size 0x0 |
| 11 LayoutBlockFlow {DIV} at (0,278) size 769x244 | 11 LayoutBlockFlow {DIV} at (0,278) size 769x244 |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| 13 LayoutBlockFlow {DIV} at (0,522) size 769x0 | 13 LayoutBlockFlow {DIV} at (0,522) size 769x0 |
| 14 layer at (8,50) size 320x240 | 14 layer at (8,50) size 320x240 |
| 15 LayoutVideo {VIDEO} at (0,0) size 320x240 | 15 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 16 layer at (8,294) size 320x240 | 16 layer at (8,294) size 320x240 |
| 17 LayoutVideo {VIDEO} at (0,0) size 320x240 | 17 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 18 layer at (8,50) size 320x240 | 18 layer at (8,50) size 320x240 |
| 19 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 19 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 20 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 20 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 21 layer at (8,50) size 320x205 | 21 layer at (8,50) size 320x198 |
| 22 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 22 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 23 layer at (13,255) size 310x30 | 23 layer at (8,258) size 320x32 scrollHeight 40 |
| 24 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 24 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 25 LayoutButton {INPUT} at (9,0) size 30x30 | 25 LayoutButton {INPUT} at (0,0) size 32x32 |
| 26 LayoutSlider {INPUT} at (48,11) size 72.97x8 | 26 LayoutFlexibleBox {DIV} at (32,0) size 23.36x32 [color=#5A5A5A] |
| 27 LayoutFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E65
9)] | 27 LayoutBlockFlow (anonymous) at (0,0) size 23.36x32 |
| 28 LayoutBlockFlow {DIV} at (1,-8) size 84.97x24 | 28 LayoutText {#text} at (0,9) size 24x14 |
| 29 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 29 text run at (0,9) width 24: "0:00" |
| 30 LayoutFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF] | 30 LayoutFlexibleBox {DIV} at (55.36,0) size 34.69x32 [color=#5A5A5A] |
| 31 LayoutBlockFlow (anonymous) at (0,0) size 26.03x30 | 31 LayoutBlockFlow (anonymous) at (4,0) size 30.69x32 |
| 32 LayoutText {#text} at (0,7) size 27x15 | 32 LayoutText {#text} at (0,9) size 31x14 |
| 33 text run at (0,7) width 27: "0:00" | 33 text run at (0,9) width 31: "/ 0:06" |
| 34 LayoutButton {INPUT} at (171,0) size 35x30 | 34 LayoutSlider {INPUT} at (108.05,15) size 36.95x2 |
| 35 LayoutSlider {INPUT} at (212,11) size 15x8 | 35 LayoutFlexibleBox {DIV} at (0,0) size 36.95x2 |
| 36 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 36 LayoutBlockFlow {DIV} at (-18,-23) size 72.95x48 |
| 37 LayoutBlockFlow {DIV} at (1,-8) size 27x24 | 37 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 38 LayoutBlockFlow {DIV} at (-4,0) size 24x24 | 38 LayoutButton {INPUT} at (163,0) size 32x32 |
| 39 LayoutButton {INPUT} at (237,0) size 30x30 | 39 LayoutSlider {INPUT} at (213,15) size 25x2 |
| 40 LayoutButton {INPUT} at (271,0) size 30x30 | 40 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 41 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 42 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 43 LayoutButton {INPUT} at (256,0) size 32x32 |
| 44 layer at (296,258) size 32x32 |
| 45 LayoutButton {INPUT} at (288,0) size 32x32 |
| 41 layer at (8,294) size 320x240 | 46 layer at (8,294) size 320x240 |
| 42 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 47 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 43 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 48 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 44 layer at (8,294) size 320x205 | 49 layer at (8,294) size 320x198 |
| 45 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 50 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 46 layer at (13,499) size 310x30 | 51 layer at (8,502) size 320x32 scrollHeight 40 |
| 47 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 52 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 48 LayoutButton {INPUT} at (9,0) size 30x30 | 53 LayoutButton {INPUT} at (0,0) size 32x32 |
| 49 LayoutSlider {INPUT} at (48,11) size 72.97x8 | 54 LayoutFlexibleBox {DIV} at (32,0) size 23.36x32 [color=#5A5A5A] |
| 50 LayoutFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E65
9)] | 55 LayoutBlockFlow (anonymous) at (0,0) size 23.36x32 |
| 51 LayoutBlockFlow {DIV} at (1,-8) size 84.97x24 | 56 LayoutText {#text} at (0,9) size 24x14 |
| 52 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 57 text run at (0,9) width 24: "0:00" |
| 53 LayoutFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF] | 58 LayoutFlexibleBox {DIV} at (55.36,0) size 34.69x32 [color=#5A5A5A] |
| 54 LayoutBlockFlow (anonymous) at (0,0) size 26.03x30 | 59 LayoutBlockFlow (anonymous) at (4,0) size 30.69x32 |
| 55 LayoutText {#text} at (0,7) size 27x15 | 60 LayoutText {#text} at (0,9) size 31x14 |
| 56 text run at (0,7) width 27: "0:00" | 61 text run at (0,9) width 31: "/ 0:06" |
| 57 LayoutButton {INPUT} at (171,0) size 35x30 | 62 LayoutSlider {INPUT} at (108.05,15) size 36.95x2 |
| 58 LayoutSlider {INPUT} at (212,11) size 15x8 | 63 LayoutFlexibleBox {DIV} at (0,0) size 36.95x2 |
| 59 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 64 LayoutBlockFlow {DIV} at (-18,-23) size 72.95x48 |
| 60 LayoutBlockFlow {DIV} at (1,-8) size 27x24 | 65 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 61 LayoutBlockFlow {DIV} at (-4,0) size 24x24 | 66 LayoutButton {INPUT} at (163,0) size 32x32 |
| 62 LayoutButton {INPUT} at (237,0) size 30x30 | 67 LayoutSlider {INPUT} at (213,15) size 25x2 |
| 63 LayoutButton {INPUT} at (271,0) size 30x30 | 68 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 69 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 70 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 71 LayoutButton {INPUT} at (256,0) size 32x32 |
| 72 layer at (296,502) size 32x32 |
| 73 LayoutButton {INPUT} at (288,0) size 32x32 |
| 64 layer at (8,538) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 74 layer at (8,538) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 65 LayoutVideo (positioned) {VIDEO} at (8,538) size 320x240 | 75 LayoutVideo (positioned) {VIDEO} at (8,538) size 320x240 |
| 66 layer at (8,538) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 76 layer at (8,538) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 67 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 77 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 68 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 78 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 69 layer at (8,538) size 320x205 backgroundClip at (8,538) size 320x62 clip at (8,5
38) size 320x62 | 79 layer at (8,538) size 320x198 backgroundClip at (8,538) size 320x62 clip at (8,5
38) size 320x62 |
| 70 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 80 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 71 layer at (13,743) size 310x30 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | 81 layer at (8,746) size 320x32 backgroundClip at (0,0) size 0x0 clip at (0,0) size
0x0 scrollHeight 40 |
| 72 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 82 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 73 LayoutButton {INPUT} at (9,0) size 30x30 | 83 LayoutButton {INPUT} at (0,0) size 32x32 |
| 74 LayoutSlider {INPUT} at (48,11) size 72.97x8 | 84 LayoutFlexibleBox {DIV} at (32,0) size 23.36x32 [color=#5A5A5A] |
| 75 LayoutFlexibleBox {DIV} at (0,0) size 72.97x8 [border: (1px solid #E6E6E65
9)] | 85 LayoutBlockFlow (anonymous) at (0,0) size 23.36x32 |
| 76 LayoutBlockFlow {DIV} at (1,-8) size 84.97x24 | 86 LayoutText {#text} at (0,9) size 24x14 |
| 77 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 87 text run at (0,9) width 24: "0:00" |
| 78 LayoutFlexibleBox {DIV} at (135.97,0) size 26.03x30 [color=#FFFFFF] | 88 LayoutFlexibleBox {DIV} at (55.36,0) size 34.69x32 [color=#5A5A5A] |
| 79 LayoutBlockFlow (anonymous) at (0,0) size 26.03x30 | 89 LayoutBlockFlow (anonymous) at (4,0) size 30.69x32 |
| 80 LayoutText {#text} at (0,7) size 27x15 | 90 LayoutText {#text} at (0,9) size 31x14 |
| 81 text run at (0,7) width 27: "0:00" | 91 text run at (0,9) width 31: "/ 0:06" |
| 82 LayoutButton {INPUT} at (171,0) size 35x30 | 92 LayoutSlider {INPUT} at (108.05,15) size 36.95x2 |
| 83 LayoutSlider {INPUT} at (212,11) size 15x8 | 93 LayoutFlexibleBox {DIV} at (0,0) size 36.95x2 |
| 84 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 94 LayoutBlockFlow {DIV} at (-18,-23) size 72.95x48 |
| 85 LayoutBlockFlow {DIV} at (1,-8) size 27x24 | 95 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 86 LayoutBlockFlow {DIV} at (-4,0) size 24x24 | 96 LayoutButton {INPUT} at (163,0) size 32x32 |
| 87 LayoutButton {INPUT} at (237,0) size 30x30 | 97 LayoutSlider {INPUT} at (213,15) size 25x2 |
| 88 LayoutButton {INPUT} at (271,0) size 30x30 | 98 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 99 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 100 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 101 LayoutButton {INPUT} at (256,0) size 32x32 |
| 102 layer at (296,746) size 32x32 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 |
| 103 LayoutButton {INPUT} at (288,0) size 32x32 |
| OLD | NEW |