| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| 5 LayoutBlockFlow {BODY} at (0,0) size 800x600 [border: (1px solid #000000)] | 5 LayoutBlockFlow {BODY} at (0,0) size 800x600 [border: (1px solid #000000)] |
| 6 LayoutBlockFlow (anonymous) at (1,1) size 798x342 | 6 LayoutBlockFlow (anonymous) at (1,1) size 798x342 |
| 7 LayoutBlockFlow {DIV} at (20,20) size 302x302 [border: (1px solid #00000
0)] | 7 LayoutBlockFlow {DIV} at (20,20) size 302x302 [border: (1px solid #00000
0)] |
| 8 LayoutText {#text} at (0,0) size 0x0 | 8 LayoutText {#text} at (0,0) size 0x0 |
| 9 LayoutBlockFlow {P} at (1,359) size 798x18 | 9 LayoutBlockFlow {P} at (1,359) size 798x18 |
| 10 LayoutText {#text} at (0,0) size 375x18 | 10 LayoutText {#text} at (0,0) size 375x18 |
| 11 text run at (0,0) width 375: "When hit-testing coplanar elements, docu
ment order wins." | 11 text run at (0,0) width 375: "When hit-testing coplanar elements, docu
ment order wins." |
| 12 layer at (30,400) size 311x72 | 12 layer at (30,400) size 311x72 |
| 13 LayoutBlockFlow (positioned) {DIV} at (30,400) size 311.06x72 | 13 LayoutBlockFlow (positioned) {DIV} at (30,400) size 311.08x72 |
| 14 LayoutInline {SPAN} at (0,0) size 304x18 [color=#008000] | 14 LayoutInline {SPAN} at (0,0) size 304x18 [color=#008000] |
| 15 LayoutText {#text} at (0,0) size 304x18 | 15 LayoutText {#text} at (0,0) size 304x18 |
| 16 text run at (0,0) width 304: "PASS: event at (44, 44) hit box1 at offset
(2, 2)" | 16 text run at (0,0) width 304: "PASS: event at (44, 44) hit box1 at offset
(2, 2)" |
| 17 LayoutBR {BR} at (303,14) size 1x0 | 17 LayoutBR {BR} at (303,14) size 1x0 |
| 18 LayoutInline {SPAN} at (0,0) size 304x18 [color=#008000] | 18 LayoutInline {SPAN} at (0,0) size 304x18 [color=#008000] |
| 19 LayoutText {#text} at (0,18) size 304x18 | 19 LayoutText {#text} at (0,18) size 304x18 |
| 20 text run at (0,18) width 304: "PASS: event at (70, 59) hit box2 at offse
t (2, 2)" | 20 text run at (0,18) width 304: "PASS: event at (70, 59) hit box2 at offse
t (2, 2)" |
| 21 LayoutBR {BR} at (303,32) size 1x0 | 21 LayoutBR {BR} at (303,32) size 1x0 |
| 22 LayoutInline {SPAN} at (0,0) size 312x18 [color=#008000] | 22 LayoutInline {SPAN} at (0,0) size 312x18 [color=#008000] |
| 23 LayoutText {#text} at (0,36) size 312x18 | 23 LayoutText {#text} at (0,36) size 312x18 |
| 24 text run at (0,36) width 312: "PASS: event at (70, 101) hit box3 at offs
et (2, 2)" | 24 text run at (0,36) width 312: "PASS: event at (70, 101) hit box3 at offs
et (2, 2)" |
| 25 LayoutBR {BR} at (311,50) size 1x0 | 25 LayoutBR {BR} at (311,50) size 1x0 |
| 26 LayoutInline {SPAN} at (0,0) size 312x18 [color=#008000] | 26 LayoutInline {SPAN} at (0,0) size 312x18 [color=#008000] |
| 27 LayoutText {#text} at (0,54) size 312x18 | 27 LayoutText {#text} at (0,54) size 312x18 |
| 28 text run at (0,54) width 312: "PASS: event at (70, 144) hit box4 at offs
et (2, 2)" | 28 text run at (0,54) width 312: "PASS: event at (70, 144) hit box4 at offs
et (2, 2)" |
| 29 LayoutBR {BR} at (311,68) size 1x0 | 29 LayoutBR {BR} at (311,68) size 1x0 |
| 30 layer at (42,42) size 260x260 | 30 layer at (42,42) size 260x260 |
| 31 LayoutBlockFlow (relative positioned) {DIV} at (21,21) size 260x260 [bgcolor=#
DDDDDD] [border: (1px solid #000000)] | 31 LayoutBlockFlow (relative positioned) {DIV} at (21,21) size 260x260 [bgcolor=#
DDDDDD] [border: (1px solid #000000)] |
| 32 layer at (73,63) size 200x100 | 32 layer at (73,63) size 200x100 |
| 33 LayoutBlockFlow (positioned) {DIV} at (31,21) size 200x100 [bgcolor=#AAAAAA] [
border: (1px solid #000000)] | 33 LayoutBlockFlow (positioned) {DIV} at (31,21) size 200x100 [bgcolor=#AAAAAA] [
border: (1px solid #000000)] |
| 34 layer at (73,103) size 200x100 | 34 layer at (73,103) size 200x100 |
| 35 LayoutBlockFlow (positioned) {DIV} at (31,61) size 200x100 [bgcolor=#AAAAAA] [
border: (1px solid #000000)] | 35 LayoutBlockFlow (positioned) {DIV} at (31,61) size 200x100 [bgcolor=#AAAAAA] [
border: (1px solid #000000)] |
| 36 layer at (73,143) size 200x100 | 36 layer at (73,143) size 200x100 |
| 37 LayoutBlockFlow (positioned) {DIV} at (31,101) size 200x100 [bgcolor=#AAAAAA]
[border: (1px solid #000000)] | 37 LayoutBlockFlow (positioned) {DIV} at (31,101) size 200x100 [bgcolor=#AAAAAA]
[border: (1px solid #000000)] |
| OLD | NEW |