| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 782 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 782 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x550 | 3 layer at (0,0) size 785x550 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x550 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x550 |
| 5 LayoutBlockFlow {BODY} at (8,16) size 769x526 | 5 LayoutBlockFlow {BODY} at (8,16) size 769x526 |
| 6 LayoutBlockFlow {P} at (0,0) size 769x20 | 6 LayoutBlockFlow {P} at (0,0) size 769x20 |
| 7 LayoutText {#text} at (0,0) size 240x19 | 7 LayoutText {#text} at (0,0) size 240x19 |
| 8 text run at (0,0) width 240: "Test controls rendering with cast button
." | 8 text run at (0,0) width 240: "Test controls rendering with cast button
." |
| 9 LayoutBlockFlow {DIV} at (0,36) size 769x245 | 9 LayoutBlockFlow {DIV} at (0,36) size 769x245 |
| 10 LayoutText {#text} at (0,0) size 0x0 | 10 LayoutText {#text} at (0,0) size 0x0 |
| 11 LayoutBlockFlow {DIV} at (0,281) size 769x245 | 11 LayoutBlockFlow {DIV} at (0,281) size 769x245 |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| 13 LayoutBlockFlow {DIV} at (0,526) size 769x0 | 13 LayoutBlockFlow {DIV} at (0,526) size 769x0 |
| 14 layer at (8,52) size 320x240 | 14 layer at (8,52) size 320x240 |
| 15 LayoutVideo {VIDEO} at (0,0) size 320x240 | 15 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 16 layer at (8,297) size 320x240 | 16 layer at (8,297) size 320x240 |
| 17 LayoutVideo {VIDEO} at (0,0) size 320x240 | 17 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 18 layer at (8,52) size 320x240 | 18 layer at (8,52) 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,52) size 320x205 | 21 layer at (8,52) 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,257) size 310x30 | 23 layer at (8,260) 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 74x8 | 26 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 27 LayoutFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)] | 27 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 28 LayoutBlockFlow {DIV} at (1,-8) size 86x24 | 28 LayoutText {#text} at (0,8) size 24x15 |
| 29 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 29 text run at (0,8) width 24: "0:00" |
| 30 LayoutFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF] | 30 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 31 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 31 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 32 LayoutText {#text} at (0,7) size 25x16 | 32 LayoutText {#text} at (0,8) size 30x15 |
| 33 text run at (0,7) width 25: "0:00" | 33 text run at (0,8) width 30: "/ 0:06" |
| 34 LayoutButton {INPUT} at (171,0) size 35x30 | 34 LayoutSlider {INPUT} at (108,15) size 37x2 |
| 35 LayoutSlider {INPUT} at (212,11) size 15x8 | 35 LayoutFlexibleBox {DIV} at (0,0) size 37x2 |
| 36 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 36 LayoutBlockFlow {DIV} at (-18,-23) size 73x48 |
| 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,260) size 32x32 |
| 45 LayoutButton {INPUT} at (288,0) size 32x32 |
| 41 layer at (8,297) size 320x240 | 46 layer at (8,297) 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,297) size 320x205 | 49 layer at (8,297) 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,502) size 310x30 | 51 layer at (8,505) 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 74x8 | 54 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 50 LayoutFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)] | 55 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 51 LayoutBlockFlow {DIV} at (1,-8) size 86x24 | 56 LayoutText {#text} at (0,8) size 24x15 |
| 52 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 57 text run at (0,8) width 24: "0:00" |
| 53 LayoutFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF] | 58 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 54 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 59 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 55 LayoutText {#text} at (0,7) size 25x16 | 60 LayoutText {#text} at (0,8) size 30x15 |
| 56 text run at (0,7) width 25: "0:00" | 61 text run at (0,8) width 30: "/ 0:06" |
| 57 LayoutButton {INPUT} at (171,0) size 35x30 | 62 LayoutSlider {INPUT} at (108,15) size 37x2 |
| 58 LayoutSlider {INPUT} at (212,11) size 15x8 | 63 LayoutFlexibleBox {DIV} at (0,0) size 37x2 |
| 59 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 64 LayoutBlockFlow {DIV} at (-18,-23) size 73x48 |
| 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,505) size 32x32 |
| 73 LayoutButton {INPUT} at (288,0) size 32x32 |
| 64 layer at (8,542) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 74 layer at (8,542) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 65 LayoutVideo (positioned) {VIDEO} at (8,542) size 320x240 | 75 LayoutVideo (positioned) {VIDEO} at (8,542) size 320x240 |
| 66 layer at (8,542) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 76 layer at (8,542) 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,542) size 320x205 backgroundClip at (8,542) size 320x58 clip at (8,5
42) size 320x58 | 79 layer at (8,542) size 320x198 backgroundClip at (8,542) size 320x58 clip at (8,5
42) size 320x58 |
| 70 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 80 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 71 layer at (13,747) size 310x30 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | 81 layer at (8,750) 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 74x8 | 84 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 75 LayoutFlexibleBox {DIV} at (0,0) size 74x8 [border: (1px solid #E6E6E659)] | 85 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 76 LayoutBlockFlow {DIV} at (1,-8) size 86x24 | 86 LayoutText {#text} at (0,8) size 24x15 |
| 77 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 87 text run at (0,8) width 24: "0:00" |
| 78 LayoutFlexibleBox {DIV} at (137,0) size 25x30 [color=#FFFFFF] | 88 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 79 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 89 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 80 LayoutText {#text} at (0,7) size 25x16 | 90 LayoutText {#text} at (0,8) size 30x15 |
| 81 text run at (0,7) width 25: "0:00" | 91 text run at (0,8) width 30: "/ 0:06" |
| 82 LayoutButton {INPUT} at (171,0) size 35x30 | 92 LayoutSlider {INPUT} at (108,15) size 37x2 |
| 83 LayoutSlider {INPUT} at (212,11) size 15x8 | 93 LayoutFlexibleBox {DIV} at (0,0) size 37x2 |
| 84 LayoutFlexibleBox {DIV} at (0,0) size 15x8 [border: (1px solid #E6E6E659)] | 94 LayoutBlockFlow {DIV} at (-18,-23) size 73x48 |
| 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,750) 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 |