| OLD | NEW |
| (Empty) | |
| 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x95 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x95 |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x71 |
| 6 LayoutBlockFlow {P} at (0,0) size 784x20 |
| 7 LayoutText {#text} at (0,0) size 249x19 |
| 8 text run at (0,0) width 249: "A media control should have a focus ring
." |
| 9 LayoutBlockFlow (anonymous) at (0,36) size 784x35 |
| 10 layer at (8,52) size 300x30 |
| 11 LayoutMedia {AUDIO} at (0,0) size 300x30 |
| 12 layer at (8,52) size 300x30 |
| 13 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 |
| 14 LayoutBlockFlow {DIV} at (0,0) size 300x30 |
| 15 layer at (8,52) size 300x30 |
| 16 LayoutFlexibleBox (relative positioned) {DIV} at (0,0) size 300x30 [bgcolor=#1
41414CC] |
| 17 LayoutButton {INPUT} at (9,0) size 30x30 |
| 18 LayoutSlider {INPUT} at (48,11) size 162x8 |
| 19 LayoutFlexibleBox {DIV} at (0,0) size 162x8 [border: (1px solid #E6E6E659)
] |
| 20 LayoutBlockFlow {DIV} at (1,-8) size 174x24 |
| 21 LayoutBlockFlow {DIV} at (-7,0) size 32x24 |
| 22 LayoutFlexibleBox {DIV} at (225,0) size 25x30 [color=#FFFFFF] |
| 23 LayoutBlockFlow (anonymous) at (0,0) size 25x30 |
| 24 LayoutText {#text} at (0,7) size 25x16 |
| 25 text run at (0,7) width 25: "0:00" |
| 26 LayoutButton {INPUT} at (259,0) size 35x30 |
| OLD | NEW |