| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x18 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 153x18 | 7 RenderText {#text} at (0,0) size 153x18 |
| 8 text run at (0,0) width 153: "Test controls placement." | 8 text run at (0,0) width 153: "Test controls placement." |
| 9 RenderBlock (anonymous) at (0,34) size 784x118 | 9 RenderBlock (anonymous) at (0,34) size 784x118 |
| 10 RenderMedia {AUDIO} at (0,0) size 300x32 [bgcolor=#0000FF] | 10 RenderMedia {AUDIO} at (0,0) size 300x32 [bgcolor=#0000FF] |
| 11 RenderBR {BR} at (300,32) size 0x0 | 11 RenderBR {BR} at (300,32) size 0x0 |
| 12 RenderBR {BR} at (0,32) size 0x18 | 12 RenderBR {BR} at (0,32) size 0x18 |
| 13 RenderMedia {AUDIO} at (0,50) size 320x32 [bgcolor=#0000FF] | 13 RenderMedia {AUDIO} at (0,50) size 320x32 [bgcolor=#0000FF] |
| 14 RenderBR {BR} at (320,82) size 0x0 | 14 RenderBR {BR} at (320,82) size 0x0 |
| 15 RenderBR {BR} at (0,82) size 0x18 | 15 RenderBR {BR} at (0,82) size 0x18 |
| 16 RenderBR {BR} at (0,100) size 0x18 | 16 RenderBR {BR} at (0,100) size 0x18 |
| 17 layer at (8,42) size 300x32 | 17 layer at (8,42) size 300x32 |
| 18 RenderBlock (relative positioned) {DIV} at (0,0) size 300x32 | 18 RenderBlock (relative positioned) {DIV} at (0,0) size 300x32 |
| 19 layer at (8,42) size 300x32 | 19 layer at (8,42) size 300x32 |
| 20 RenderFlexibleBox (positioned) {DIV} at (0,0) size 300x32 [bgcolor=#00000099] | 20 RenderFlexibleBox (positioned) {DIV} at (0,0) size 300x32 [bgcolor=#00000099] |
| 21 layer at (15,48) size 18x19 | 21 layer at (15,48) size 18x19 |
| 22 RenderButton {INPUT} at (7,6) size 18x19 | 22 RenderButton {INPUT} at (7,6) size 18x19 |
| 23 layer at (38,42) size 236x32 | 23 layer at (38,42) size 236x32 |
| 24 RenderFlexibleBox (positioned) {DIV} at (30,0) size 236x32 | 24 RenderFlexibleBox (positioned) {DIV} at (30,0) size 236x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 25 layer at (216,48) size 58x20 | 25 layer at (215,48) size 58x20 |
| 26 RenderBlock (positioned) {DIV} at (178,6) size 58x20 [color=#FFFFFF] | 26 RenderBlock (positioned) {DIV} at (177,6) size 58x20 [color=#FFFFFF] |
| 27 RenderText {#text} at (8,2) size 41x17 | 27 RenderText {#text} at (8,2) size 41x17 |
| 28 text run at (8,2) width 41: "00:00" | 28 text run at (8,2) width 41: "00:00" |
| 29 layer at (44,48) size 165x24 | 29 layer at (45,49) size 163x24 |
| 30 RenderSlider {INPUT} at (6,6) size 165x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 30 RenderSlider {INPUT} at (7,7) size 163x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 31 RenderBlock {DIV} at (3,-5) size 9x29 | 31 RenderBlock {DIV} at (3,-5) size 9x29 |
| 32 layer at (274,42) size 34x32 | 32 layer at (274,42) size 34x32 |
| 33 RenderButton {INPUT} at (266,0) size 34x32 | 33 RenderButton {INPUT} at (266,0) size 34x32 |
| 34 layer at (8,92) size 320x32 | 34 layer at (8,92) size 320x32 |
| 35 RenderBlock (relative positioned) {DIV} at (0,0) size 320x32 | 35 RenderBlock (relative positioned) {DIV} at (0,0) size 320x32 |
| 36 layer at (8,92) size 320x32 | 36 layer at (8,92) size 320x32 |
| 37 RenderFlexibleBox (positioned) {DIV} at (0,0) size 320x32 [bgcolor=#00000099] | 37 RenderFlexibleBox (positioned) {DIV} at (0,0) size 320x32 [bgcolor=#00000099] |
| 38 layer at (15,98) size 18x19 | 38 layer at (15,98) size 18x19 |
| 39 RenderButton {INPUT} at (7,6) size 18x19 | 39 RenderButton {INPUT} at (7,6) size 18x19 |
| 40 layer at (38,92) size 256x32 | 40 layer at (38,92) size 256x32 |
| 41 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 41 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 42 layer at (236,98) size 58x20 | 42 layer at (235,98) size 58x20 |
| 43 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 43 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 44 RenderText {#text} at (8,2) size 41x17 | 44 RenderText {#text} at (8,2) size 41x17 |
| 45 text run at (8,2) width 41: "00:00" | 45 text run at (8,2) width 41: "00:00" |
| 46 layer at (44,98) size 185x24 | 46 layer at (45,99) size 183x24 |
| 47 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 47 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 48 RenderBlock {DIV} at (3,-5) size 9x29 | 48 RenderBlock {DIV} at (3,-5) size 9x29 |
| 49 layer at (294,92) size 34x32 | 49 layer at (294,92) size 34x32 |
| 50 RenderButton {INPUT} at (286,0) size 34x32 | 50 RenderButton {INPUT} at (286,0) size 34x32 |
| 51 layer at (8,142) size 320x100 | 51 layer at (8,142) size 320x100 |
| 52 RenderMedia {AUDIO} at (8,142) size 320x100 [bgcolor=#0000FF] | 52 RenderMedia {AUDIO} at (8,142) size 320x100 [bgcolor=#0000FF] |
| 53 layer at (8,142) size 320x100 | 53 layer at (8,142) size 320x100 |
| 54 RenderBlock (relative positioned) {DIV} at (0,0) size 320x100 | 54 RenderBlock (relative positioned) {DIV} at (0,0) size 320x100 |
| 55 layer at (8,210) size 320x32 | 55 layer at (8,210) size 320x32 |
| 56 RenderFlexibleBox (positioned) {DIV} at (0,68) size 320x32 [bgcolor=#00000099] | 56 RenderFlexibleBox (positioned) {DIV} at (0,68) size 320x32 [bgcolor=#00000099] |
| 57 layer at (15,216) size 18x19 | 57 layer at (15,216) size 18x19 |
| 58 RenderButton {INPUT} at (7,6) size 18x19 | 58 RenderButton {INPUT} at (7,6) size 18x19 |
| 59 layer at (38,210) size 256x32 | 59 layer at (38,210) size 256x32 |
| 60 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 60 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 61 layer at (236,216) size 58x20 | 61 layer at (235,216) size 58x20 |
| 62 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 62 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 63 RenderText {#text} at (8,2) size 41x17 | 63 RenderText {#text} at (8,2) size 41x17 |
| 64 text run at (8,2) width 41: "00:00" | 64 text run at (8,2) width 41: "00:00" |
| 65 layer at (44,216) size 185x24 | 65 layer at (45,217) size 183x24 |
| 66 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 66 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 67 RenderBlock {DIV} at (3,-5) size 9x29 | 67 RenderBlock {DIV} at (3,-5) size 9x29 |
| 68 layer at (294,210) size 34x32 | 68 layer at (294,210) size 34x32 |
| 69 RenderButton {INPUT} at (286,0) size 34x32 | 69 RenderButton {INPUT} at (286,0) size 34x32 |
| OLD | NEW |