| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 764 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 764 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x600 | 3 layer at (0,0) size 785x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x600 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 769x584 | 5 LayoutBlockFlow {BODY} at (8,8) size 769x584 |
| 6 LayoutBlockFlow {P} at (0,0) size 769x20 | 6 LayoutBlockFlow {P} at (0,0) size 769x20 |
| 7 LayoutText {#text} at (0,0) size 146x19 | 7 LayoutText {#text} at (0,0) size 146x19 |
| 8 text run at (0,0) width 146: "Test controls placement." | 8 text run at (0,0) width 146: "Test controls placement." |
| 9 LayoutBlockFlow {DIV} at (0,36) size 769x240 | 9 LayoutBlockFlow {DIV} at (0,36) size 769x240 |
| 10 LayoutText {#text} at (0,0) size 0x0 | 10 LayoutText {#text} at (0,0) size 0x0 |
| 11 LayoutBlockFlow {DIV} at (0,276) size 769x240 | 11 LayoutBlockFlow {DIV} at (0,276) size 769x240 |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| 13 LayoutBlockFlow {DIV} at (0,516) size 769x0 | 13 LayoutBlockFlow {DIV} at (0,516) size 769x0 |
| 14 layer at (8,44) size 320x240 | 14 layer at (8,44) size 320x240 |
| 15 LayoutVideo {VIDEO} at (0,0) size 320x240 | 15 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 16 layer at (8,284) size 320x240 | 16 layer at (8,284) size 320x240 |
| 17 LayoutVideo {VIDEO} at (0,0) size 320x240 | 17 LayoutVideo {VIDEO} at (0,0) size 320x240 |
| 18 layer at (8,44) size 320x240 | 18 layer at (8,44) 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,44) size 320x205 | 21 layer at (8,44) 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,249) size 310x30 | 23 layer at (8,252) 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 91.58x8 | 26 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 27 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 27 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 28 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 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 (154.58,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 (188.58,0) size 35x30 | 34 LayoutSlider {INPUT} at (108,15) size 69x2 |
| 35 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 35 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
| 36 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 36 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
| 37 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 37 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 38 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 38 LayoutButton {INPUT} at (195,0) size 32x32 |
| 39 LayoutButton {INPUT} at (271,0) size 30x30 | 39 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 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 layer at (296,252) size 32x32 |
| 44 LayoutButton {INPUT} at (288,0) size 32x32 |
| 40 layer at (8,284) size 320x240 | 45 layer at (8,284) size 320x240 |
| 41 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 46 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 42 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 47 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 43 layer at (8,284) size 320x205 | 48 layer at (8,284) size 320x198 |
| 44 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 49 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 45 layer at (13,489) size 310x30 | 50 layer at (8,492) size 320x32 scrollHeight 40 |
| 46 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 51 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 47 LayoutButton {INPUT} at (9,0) size 30x30 | 52 LayoutButton {INPUT} at (0,0) size 32x32 |
| 48 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 53 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 49 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 54 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 50 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 55 LayoutText {#text} at (0,8) size 24x15 |
| 51 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 56 text run at (0,8) width 24: "0:00" |
| 52 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 57 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 53 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 58 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 54 LayoutText {#text} at (0,7) size 25x16 | 59 LayoutText {#text} at (0,8) size 30x15 |
| 55 text run at (0,7) width 25: "0:00" | 60 text run at (0,8) width 30: "/ 0:06" |
| 56 LayoutButton {INPUT} at (188.58,0) size 35x30 | 61 LayoutSlider {INPUT} at (108,15) size 69x2 |
| 57 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 62 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
| 58 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 63 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
| 59 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 64 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 60 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 65 LayoutButton {INPUT} at (195,0) size 32x32 |
| 61 LayoutButton {INPUT} at (271,0) size 30x30 | 66 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 67 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 68 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 69 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 70 layer at (296,492) size 32x32 |
| 71 LayoutButton {INPUT} at (288,0) size 32x32 |
| 62 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 72 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 63 LayoutVideo (positioned) {VIDEO} at (8,524) size 320x240 | 73 LayoutVideo (positioned) {VIDEO} at (8,524) size 320x240 |
| 64 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 | 74 layer at (8,524) size 320x240 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 |
| 65 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 | 75 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x240 |
| 66 LayoutBlockFlow {DIV} at (0,205) size 320x35 | 76 LayoutBlockFlow {DIV} at (0,208) size 320x32 |
| 67 layer at (8,524) size 320x205 backgroundClip at (8,524) size 320x76 clip at (8,5
24) size 320x76 | 77 layer at (8,524) size 320x198 backgroundClip at (8,524) size 320x76 clip at (8,5
24) size 320x76 |
| 68 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x205 | 78 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x198 |
| 69 layer at (13,729) size 310x30 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 | 79 layer at (8,732) size 320x32 backgroundClip at (0,0) size 0x0 clip at (0,0) size
0x0 scrollHeight 40 |
| 70 LayoutFlexibleBox (relative positioned) {DIV} at (5,0) size 310x30 [bgcolor=#1
41414CC] | 80 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#F
AFAFA] |
| 71 LayoutButton {INPUT} at (9,0) size 30x30 | 81 LayoutButton {INPUT} at (0,0) size 32x32 |
| 72 LayoutSlider {INPUT} at (48,11) size 91.58x8 | 82 LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A] |
| 73 LayoutFlexibleBox {DIV} at (0,0) size 91.58x8 [border: (1px solid #E6E6E65
9)] | 83 LayoutBlockFlow (anonymous) at (0,0) size 24x32 |
| 74 LayoutBlockFlow {DIV} at (1,-8) size 103.58x24 | 84 LayoutText {#text} at (0,8) size 24x15 |
| 75 LayoutBlockFlow {DIV} at (-7,0) size 32x24 | 85 text run at (0,8) width 24: "0:00" |
| 76 LayoutFlexibleBox {DIV} at (154.58,0) size 25x30 [color=#FFFFFF] | 86 LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A] |
| 77 LayoutBlockFlow (anonymous) at (0,0) size 25x30 | 87 LayoutBlockFlow (anonymous) at (4,0) size 30x32 |
| 78 LayoutText {#text} at (0,7) size 25x16 | 88 LayoutText {#text} at (0,8) size 30x15 |
| 79 text run at (0,7) width 25: "0:00" | 89 text run at (0,8) width 30: "/ 0:06" |
| 80 LayoutButton {INPUT} at (188.58,0) size 35x30 | 90 LayoutSlider {INPUT} at (108,15) size 69x2 |
| 81 LayoutSlider {INPUT} at (229.58,11) size 31.42x8 | 91 LayoutFlexibleBox {DIV} at (0,0) size 69x2 |
| 82 LayoutFlexibleBox {DIV} at (0,0) size 31.42x8 [border: (1px solid #E6E6E65
9)] | 92 LayoutBlockFlow {DIV} at (-18,-23) size 105x48 |
| 83 LayoutBlockFlow {DIV} at (1,-8) size 43.42x24 | 93 LayoutBlockFlow {DIV} at (0,0) size 36x48 |
| 84 LayoutBlockFlow {DIV} at (12.42,0) size 24x24 | 94 LayoutButton {INPUT} at (195,0) size 32x32 |
| 85 LayoutButton {INPUT} at (271,0) size 30x30 | 95 LayoutSlider {INPUT} at (245,15) size 25x2 |
| 96 LayoutFlexibleBox {DIV} at (0,0) size 25x2 |
| 97 LayoutBlockFlow {DIV} at (-18,-23) size 61x48 |
| 98 LayoutBlockFlow {DIV} at (25,0) size 36x48 |
| 99 layer at (296,732) size 32x32 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 |
| 100 LayoutButton {INPUT} at (288,0) size 32x32 |
| OLD | NEW |