| 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 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 147x19 | 7 RenderText {#text} at (0,0) size 147x19 |
| 8 text run at (0,0) width 147: "Test controls placement." | 8 text run at (0,0) width 147: "Test controls placement." |
| 9 RenderBlock (anonymous) at (0,36) size 784x144 | 9 RenderBlock (anonymous) at (0,36) size 784x144 |
| 10 RenderMedia {AUDIO} at (0,0) size 200x32 [bgcolor=#0000FF] | 10 RenderMedia {AUDIO} at (0,0) size 300x32 [bgcolor=#0000FF] |
| 11 RenderBR {BR} at (200,32) size 0x0 | 11 RenderBR {BR} at (300,32) size 0x0 |
| 12 RenderBR {BR} at (0,32) size 0x19 | 12 RenderBR {BR} at (0,32) size 0x19 |
| 13 RenderMedia {AUDIO} at (0,52) size 320x32 [bgcolor=#0000FF] | 13 RenderMedia {AUDIO} at (0,52) size 320x32 [bgcolor=#0000FF] |
| 14 RenderBR {BR} at (320,84) size 0x0 | 14 RenderBR {BR} at (320,84) size 0x0 |
| 15 RenderBR {BR} at (0,84) size 0x19 | 15 RenderBR {BR} at (0,84) size 0x19 |
| 16 RenderBR {BR} at (0,104) size 0x19 | 16 RenderBR {BR} at (0,104) size 0x19 |
| 17 RenderText {#text} at (0,124) size 34x19 | 17 RenderText {#text} at (0,124) size 34x19 |
| 18 text run at (0,124) width 34: "FAIL" | 18 text run at (0,124) width 34: "FAIL" |
| 19 layer at (8,44) size 200x32 | 19 layer at (8,44) size 300x32 |
| 20 RenderBlock (relative positioned) {DIV} at (0,0) size 200x32 | 20 RenderBlock (relative positioned) {DIV} at (0,0) size 300x32 |
| 21 layer at (8,44) size 200x32 | 21 layer at (8,44) size 300x32 |
| 22 RenderBlock (positioned) {DIV} at (0,0) size 200x32 | 22 RenderFlexibleBox (positioned) {DIV} at (0,0) size 300x32 [bgcolor=#00000099] |
| 23 RenderButton {INPUT} at (0,0) size 200x20 | 23 layer at (274,44) size 34x32 |
| 24 layer at (174,44) size 34x32 | 24 RenderButton {INPUT} at (266,0) size 34x32 |
| 25 RenderButton {INPUT} at (166,0) size 34x32 [bgcolor=#7B000099] | 25 layer at (15,50) size 18x19 |
| 26 layer at (8,44) size 30x32 | 26 RenderButton {INPUT} at (7,6) size 18x19 |
| 27 RenderButton {INPUT} at (0,0) size 30x32 [bgcolor=#00DD0099] | 27 layer at (38,44) size 236x32 |
| 28 layer at (38,44) size 136x32 | 28 RenderFlexibleBox (positioned) {DIV} at (30,0) size 236x32 |
| 29 RenderBlock (positioned) {DIV} at (30,0) size 136x32 [bgcolor=#00000099] | 29 layer at (216,50) size 58x20 |
| 30 layer at (126,50) size 48x20 | 30 RenderBlock (positioned) {DIV} at (178,6) size 58x20 [color=#FFFFFF] |
| 31 RenderBlock (positioned) {DIV} at (88,6) size 48x20 [color=#FFFFFF] | 31 RenderText {#text} at (8,1) size 42x19 |
| 32 RenderText {#text} at (3,1) size 42x19 | 32 text run at (8,1) width 42: "00:00" |
| 33 text run at (3,1) width 42: "00:00" | 33 layer at (44,52) size 165x23 |
| 34 layer at (38,54) size 86x17 | 34 RenderSlider {INPUT} at (6,8) size 165x16 [color=#328CDF] [bgcolor=#FFFFFF14] |
| 35 RenderSlider {INPUT} at (0,10) size 86x13 | 35 RenderBlock {DIV} at (2,-6) size 9x29 |
| 36 RenderBlock {DIV} at (2,-4) size 11x21 | |
| 37 layer at (175,60) size 17x16 | |
| 38 RenderButton {INPUT} at (167,16) size 17x16 | |
| 39 layer at (191,60) size 17x16 | |
| 40 RenderButton {INPUT} at (183,16) size 17x16 | |
| 41 layer at (8,96) size 320x32 | 36 layer at (8,96) size 320x32 |
| 42 RenderBlock (relative positioned) {DIV} at (0,0) size 320x32 | 37 RenderBlock (relative positioned) {DIV} at (0,0) size 320x32 |
| 43 layer at (8,96) size 320x32 | 38 layer at (8,96) size 320x32 |
| 44 RenderBlock (positioned) {DIV} at (0,0) size 320x32 | 39 RenderFlexibleBox (positioned) {DIV} at (0,0) size 320x32 [bgcolor=#00000099] |
| 45 RenderButton {INPUT} at (0,0) size 320x20 | |
| 46 layer at (294,96) size 34x32 | 40 layer at (294,96) size 34x32 |
| 47 RenderButton {INPUT} at (286,0) size 34x32 [bgcolor=#7B000099] | 41 RenderButton {INPUT} at (286,0) size 34x32 |
| 48 layer at (8,96) size 30x32 | 42 layer at (15,102) size 18x19 |
| 49 RenderButton {INPUT} at (0,0) size 30x32 [bgcolor=#00DD0099] | 43 RenderButton {INPUT} at (7,6) size 18x19 |
| 50 layer at (38,96) size 256x32 | 44 layer at (38,96) size 256x32 |
| 51 RenderBlock (positioned) {DIV} at (30,0) size 256x32 [bgcolor=#00000099] | 45 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 |
| 52 layer at (246,102) size 48x20 | 46 layer at (236,102) size 58x20 |
| 53 RenderBlock (positioned) {DIV} at (208,6) size 48x20 [color=#FFFFFF] | 47 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] |
| 54 RenderText {#text} at (3,1) size 42x19 | 48 RenderText {#text} at (8,1) size 42x19 |
| 55 text run at (3,1) width 42: "00:00" | 49 text run at (8,1) width 42: "00:00" |
| 56 layer at (38,106) size 206x17 | 50 layer at (44,104) size 185x23 |
| 57 RenderSlider {INPUT} at (0,10) size 206x13 | 51 RenderSlider {INPUT} at (6,8) size 185x16 [color=#328CDF] [bgcolor=#FFFFFF14] |
| 58 RenderBlock {DIV} at (2,-4) size 11x21 | 52 RenderBlock {DIV} at (2,-6) size 9x29 |
| 59 layer at (295,112) size 17x16 | |
| 60 RenderButton {INPUT} at (287,16) size 17x16 | |
| 61 layer at (311,112) size 17x16 | |
| 62 RenderButton {INPUT} at (303,16) size 17x16 | |
| 63 layer at (8,148) size 320x100 | 53 layer at (8,148) size 320x100 |
| 64 RenderMedia {AUDIO} at (8,148) size 320x100 [bgcolor=#0000FF] | 54 RenderMedia {AUDIO} at (8,148) size 320x100 [bgcolor=#0000FF] |
| 65 layer at (8,148) size 320x100 | 55 layer at (8,148) size 320x100 |
| 66 RenderBlock (relative positioned) {DIV} at (0,0) size 320x100 | 56 RenderBlock (relative positioned) {DIV} at (0,0) size 320x100 |
| 67 layer at (8,148) size 320x100 | 57 layer at (8,216) size 320x32 |
| 68 RenderBlock (positioned) {DIV} at (0,0) size 320x100 | 58 RenderFlexibleBox (positioned) {DIV} at (0,68) size 320x32 [bgcolor=#00000099] |
| 69 RenderButton {INPUT} at (0,0) size 320x20 | |
| 70 layer at (294,216) size 34x32 | 59 layer at (294,216) size 34x32 |
| 71 RenderButton {INPUT} at (286,68) size 34x32 [bgcolor=#7B000099] | 60 RenderButton {INPUT} at (286,0) size 34x32 |
| 72 layer at (8,216) size 30x32 | 61 layer at (15,222) size 18x19 |
| 73 RenderButton {INPUT} at (0,68) size 30x32 [bgcolor=#00DD0099] | 62 RenderButton {INPUT} at (7,6) size 18x19 |
| 74 layer at (38,216) size 256x32 | 63 layer at (38,216) size 256x32 |
| 75 RenderBlock (positioned) {DIV} at (30,68) size 256x32 [bgcolor=#00000099] | 64 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 |
| 76 layer at (246,222) size 48x20 | 65 layer at (236,222) size 58x20 |
| 77 RenderBlock (positioned) {DIV} at (208,6) size 48x20 [color=#FFFFFF] | 66 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] |
| 78 RenderText {#text} at (3,1) size 42x19 | 67 RenderText {#text} at (8,1) size 42x19 |
| 79 text run at (3,1) width 42: "00:00" | 68 text run at (8,1) width 42: "00:00" |
| 80 layer at (38,226) size 206x17 | 69 layer at (44,224) size 185x23 |
| 81 RenderSlider {INPUT} at (0,10) size 206x13 | 70 RenderSlider {INPUT} at (6,8) size 185x16 [color=#328CDF] [bgcolor=#FFFFFF14] |
| 82 RenderBlock {DIV} at (2,-4) size 11x21 | 71 RenderBlock {DIV} at (2,-6) size 9x29 |
| 83 layer at (295,232) size 17x16 | |
| 84 RenderButton {INPUT} at (287,84) size 17x16 | |
| 85 layer at (311,232) size 17x16 | |
| 86 RenderButton {INPUT} at (303,84) size 17x16 | |
| OLD | NEW |