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