1 | 1 | layer at (0,0) size 800x600
2 | 2 | LayoutView at (0,0) size 800x600
3 | 3 | layer at (0,0) size 800x600
4 | 4 | LayoutBlockFlow {HTML} at (0,0) size 800x600
5 | 5 | LayoutBlockFlow {BODY} at (8,8) size 784x584
6 |  | LayoutBlockFlow {P} at (0,0) size 784x18
7 |  | LayoutText {#text} at (0,0) size 156x17
8 |  | text run at (0,0) width 156: "Test controls placement."
9 |  | LayoutBlockFlow (anonymous) at (0,34) size 784x118
| 6 | LayoutBlockFlow {P} at (0,0) size 784x20
| 7 | LayoutText {#text} at (0,0) size 146x19
| 8 | text run at (0,0) width 146: "Test controls placement."
| 9 | LayoutBlockFlow (anonymous) at (0,36) size 784x124
10 | 10 | LayoutBR {BR} at (300,32) size 0x0
11 |  | LayoutBR {BR} at (0,32) size 0x17
12 |  | LayoutBR {BR} at (320,82) size 0x0
13 |  | LayoutBR {BR} at (0,82) size 0x17
14 |  | LayoutBR {BR} at (0,100) size 0x17
15 |  | layer at (8,42) size 300x32
| 11 | LayoutBR {BR} at (0,32) size 0x19
| 12 | LayoutBR {BR} at (320,84) size 0x0
| 13 | LayoutBR {BR} at (0,84) size 0x19
| 14 | LayoutBR {BR} at (0,104) size 0x19
| 15 | layer at (8,44) size 300x32
16 | 16 | LayoutMedia {AUDIO} at (0,0) size 300x32 [bgcolor=#0000FF]
17 |  | layer at (8,92) size 320x32
18 |  | LayoutMedia {AUDIO} at (0,50) size 320x32 [bgcolor=#0000FF]
19 |  | layer at (8,42) size 300x32
| 17 | layer at (8,96) size 320x32
| 18 | LayoutMedia {AUDIO} at (0,52) size 320x32 [bgcolor=#0000FF]
| 19 | layer at (8,44) size 300x32
20 | 20 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32
21 | 21 | LayoutBlockFlow {DIV} at (0,0) size 300x32
22 |  | layer at (8,42) size 300x32 scrollHeight 40
| 22 | layer at (8,44) size 300x32 scrollHeight 40
23 | 23 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x32 [bgcolor=#FAFAFA]
24 | 24 | LayoutButton {INPUT} at (0,0) size 32x32
25 |  | LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
26 |  | LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
27 |  | LayoutText {#text} at (0,9) size 18x14
28 |  | text run at (0,9) width 18: "0:00"
29 |  | LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
30 |  | LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
31 |  | LayoutText {#text} at (0,9) size 25x14
32 |  | text run at (0,9) width 25: "/ 0:07"
33 |  | LayoutSlider {INPUT} at (96,15) size 89.13x2
34 |  | LayoutFlexibleBox {DIV} at (0,0) size 89.13x2
35 |  | LayoutBlockFlow {DIV} at (-18,-23) size 125.13x48
36 |  | LayoutBlockFlow {DIV} at (0,0) size 36x48
37 |  | LayoutButton {INPUT} at (203.13,0) size 32x32
38 |  | LayoutSlider {INPUT} at (253.13,15) size 28.88x2
39 |  | LayoutFlexibleBox {DIV} at (0,0) size 28.88x2
40 |  | LayoutBlockFlow {DIV} at (-18,-23) size 64.88x48
41 |  | LayoutBlockFlow {DIV} at (28.88,0) size 36x48
42 |  | layer at (8,92) size 320x32
| 25 | LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
| 26 | LayoutBlockFlow (anonymous) at (0,0) size 24x32
| 27 | LayoutText {#text} at (0,8) size 24x15
| 28 | text run at (0,8) width 24: "0:00"
| 29 | LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
| 30 | LayoutBlockFlow (anonymous) at (4,0) size 30x32
| 31 | LayoutText {#text} at (0,8) size 30x15
| 32 | text run at (0,8) width 30: "/ 0:07"
| 33 | LayoutSlider {INPUT} at (108,2) size 81x28
| 34 | LayoutFlexibleBox {DIV} at (0,14) size 81x0
| 35 | LayoutButton {INPUT} at (207,0) size 32x32
| 36 | LayoutSlider {INPUT} at (257,2) size 25x28
| 37 | LayoutFlexibleBox {DIV} at (0,14) size 25x0
| 38 | layer at (98,60) size 117x0
| 39 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 117x0
| 40 | layer at (116,59) size 81x2
| 41 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 81x2 [bgcolor=#DADADA]
| 42 | layer at (247,60) size 61x0
| 43 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 61x0
| 44 | layer at (265,59) size 25x2
| 45 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 25x2 [bgcolor=#DADADA]
| 46 | layer at (116,59) size 81x2
| 47 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 81x2 [bgcolor=#5A5A5A]
| 48 | layer at (116,59) size 0x2
| 49 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
| 50 | layer at (265,59) size 0x2
| 51 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
| 52 | layer at (265,59) size 25x2
| 53 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 25x2 [bgcolor=#4285F4]
| 54 | layer at (98,36) size 36x48 backgroundClip at (8,44) size 300x32 clip at (8,44) size 300x32
| 55 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
| 56 | layer at (272,36) size 36x48 backgroundClip at (8,44) size 300x32 clip at (8,44) size 300x32
| 57 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (25,-24) size 36x48
| 58 | layer at (8,96) size 320x32
43 | 59 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32
44 | 60 | LayoutBlockFlow {DIV} at (0,0) size 320x32
45 |  | layer at (8,92) size 320x32 scrollHeight 40
| 61 | layer at (8,96) size 320x32 scrollHeight 40
46 | 62 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#FAFAFA]
47 | 63 | LayoutButton {INPUT} at (0,0) size 32x32
48 |  | LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
49 |  | LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
50 |  | LayoutText {#text} at (0,9) size 18x14
51 |  | text run at (0,9) width 18: "0:00"
52 |  | LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
53 |  | LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
54 |  | LayoutText {#text} at (0,9) size 25x14
55 |  | text run at (0,9) width 25: "/ 0:07"
56 |  | LayoutSlider {INPUT} at (96,15) size 98.97x2
57 |  | LayoutFlexibleBox {DIV} at (0,0) size 98.97x2
58 |  | LayoutBlockFlow {DIV} at (-18,-23) size 134.97x48
59 |  | LayoutBlockFlow {DIV} at (0,0) size 36x48
60 |  | LayoutButton {INPUT} at (212.97,0) size 32x32
61 |  | LayoutSlider {INPUT} at (262.97,15) size 39.03x2
62 |  | LayoutFlexibleBox {DIV} at (0,0) size 39.03x2
63 |  | LayoutBlockFlow {DIV} at (-18,-23) size 75.03x48
64 |  | LayoutBlockFlow {DIV} at (39.03,0) size 36x48
65 |  | layer at (8,142) size 320x100
66 |  | LayoutMedia (positioned) {AUDIO} at (8,142) size 320x100 [bgcolor=#0000FF]
67 |  | layer at (8,142) size 320x100
| 64 | LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
| 65 | LayoutBlockFlow (anonymous) at (0,0) size 24x32
| 66 | LayoutText {#text} at (0,8) size 24x15
| 67 | text run at (0,8) width 24: "0:00"
| 68 | LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
| 69 | LayoutBlockFlow (anonymous) at (4,0) size 30x32
| 70 | LayoutText {#text} at (0,8) size 30x15
| 71 | text run at (0,8) width 30: "/ 0:07"
| 72 | LayoutSlider {INPUT} at (108,2) size 93.06x28
| 73 | LayoutFlexibleBox {DIV} at (0,14) size 93.06x0
| 74 | LayoutButton {INPUT} at (219.06,0) size 32x32
| 75 | LayoutSlider {INPUT} at (269.06,2) size 32.94x28
| 76 | LayoutFlexibleBox {DIV} at (0,14) size 32.94x0
| 77 | layer at (98,112) size 129x0
| 78 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 129.06x0
| 79 | layer at (116,111) size 93x2
| 80 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 93.06x2 [bgcolor=#DADADA]
| 81 | layer at (259,112) size 69x0
| 82 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 68.94x0
| 83 | layer at (277,111) size 33x2
| 84 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 32.94x2 [bgcolor=#DADADA]
| 85 | layer at (116,111) size 93x2
| 86 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 93x2 [bgcolor=#5A5A5A]
| 87 | layer at (116,111) size 0x2
| 88 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
| 89 | layer at (277,111) size 0x2
| 90 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
| 91 | layer at (277,111) size 33x2
| 92 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 33x2 [bgcolor=#4285F4]
| 93 | layer at (98,88) size 36x48 backgroundClip at (8,96) size 320x32 clip at (8,96) size 320x32
| 94 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
| 95 | layer at (292,88) size 36x48 backgroundClip at (8,96) size 320x32 clip at (8,96) size 320x32
| 96 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (32.94,-24) size 36x48
| 97 | layer at (8,148) size 320x100
| 98 | LayoutMedia (positioned) {AUDIO} at (8,148) size 320x100 [bgcolor=#0000FF]
| 99 | layer at (8,148) size 320x100
68 | 100 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x100
69 | 101 | LayoutBlockFlow {DIV} at (0,68) size 320x32
70 |  | layer at (8,210) size 320x32 scrollHeight 40
| 102 | layer at (8,216) size 320x32 scrollHeight 40
71 | 103 | LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 320x32 [bgcolor=#FAFAFA]
72 | 104 | LayoutButton {INPUT} at (0,0) size 32x32
73 |  | LayoutFlexibleBox {DIV} at (32,0) size 17.73x32 [color=#5A5A5A]
74 |  | LayoutBlockFlow (anonymous) at (0,0) size 17.73x32
75 |  | LayoutText {#text} at (0,9) size 18x14
76 |  | text run at (0,9) width 18: "0:00"
77 |  | LayoutFlexibleBox {DIV} at (49.73,0) size 28.27x32 [color=#5A5A5A]
78 |  | LayoutBlockFlow (anonymous) at (4,0) size 24.27x32
79 |  | LayoutText {#text} at (0,9) size 25x14
80 |  | text run at (0,9) width 25: "/ 0:07"
81 |  | LayoutSlider {INPUT} at (96,15) size 98.97x2
82 |  | LayoutFlexibleBox {DIV} at (0,0) size 98.97x2
83 |  | LayoutBlockFlow {DIV} at (-18,-23) size 134.97x48
84 |  | LayoutBlockFlow {DIV} at (0,0) size 36x48
85 |  | LayoutButton {INPUT} at (212.97,0) size 32x32
86 |  | LayoutSlider {INPUT} at (262.97,15) size 39.03x2
87 |  | LayoutFlexibleBox {DIV} at (0,0) size 39.03x2
88 |  | LayoutBlockFlow {DIV} at (-18,-23) size 75.03x48
89 |  | LayoutBlockFlow {DIV} at (39.03,0) size 36x48
| 105 | LayoutFlexibleBox {DIV} at (32,0) size 24x32 [color=#5A5A5A]
| 106 | LayoutBlockFlow (anonymous) at (0,0) size 24x32
| 107 | LayoutText {#text} at (0,8) size 24x15
| 108 | text run at (0,8) width 24: "0:00"
| 109 | LayoutFlexibleBox {DIV} at (56,0) size 34x32 [color=#5A5A5A]
| 110 | LayoutBlockFlow (anonymous) at (4,0) size 30x32
| 111 | LayoutText {#text} at (0,8) size 30x15
| 112 | text run at (0,8) width 30: "/ 0:07"
| 113 | LayoutSlider {INPUT} at (108,2) size 93.06x28
| 114 | LayoutFlexibleBox {DIV} at (0,14) size 93.06x0
| 115 | LayoutButton {INPUT} at (219.06,0) size 32x32
| 116 | LayoutSlider {INPUT} at (269.06,2) size 32.94x28
| 117 | LayoutFlexibleBox {DIV} at (0,14) size 32.94x0
| 118 | layer at (98,232) size 129x0
| 119 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 129.06x0
| 120 | layer at (116,231) size 93x2
| 121 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 93.06x2 [bgcolor=#DADADA]
| 122 | layer at (259,232) size 69x0
| 123 | LayoutBlockFlow (relative positioned) {DIV} at (-18,0) size 68.94x0
| 124 | layer at (277,231) size 33x2
| 125 | LayoutBlockFlow (positioned) {DIV} at (18,-1) size 32.94x2 [bgcolor=#DADADA]
| 126 | layer at (116,231) size 93x2
| 127 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 93x2 [bgcolor=#5A5A5A]
| 128 | layer at (116,231) size 0x2
| 129 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#4285F4]
| 130 | layer at (277,231) size 0x2
| 131 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 0x2 [bgcolor=#5A5A5A]
| 132 | layer at (277,231) size 33x2
| 133 | LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,0) size 33x2 [bgcolor=#4285F4]
| 134 | layer at (98,208) size 36x48 backgroundClip at (8,216) size 320x32 clip at (8,216) size 320x32
| 135 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (0,-24) size 36x48
| 136 | layer at (292,208) size 36x48 backgroundClip at (8,216) size 320x32 clip at (8,216) size 320x32
| 137 | LayoutBlockFlow (positioned) zI: 2 {DIV} at (32.94,-24) size 36x48