| OLD | NEW |
| 1 { | 1 { |
| 2 "bounds": [800, 600], | 2 "bounds": [800, 600], |
| 3 "children": [ | 3 "children": [ |
| 4 { | 4 { |
| 5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true, | 7 "drawsContent": true, |
| 8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
| 9 { | 9 { |
| 10 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
| 11 "rect": [128, 88, 80, 20], |
| 12 "reason": "incremental" |
| 13 }, |
| 14 { |
| 15 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
| 16 "rect": [28, 88, 80, 20], |
| 17 "reason": "incremental" |
| 18 }, |
| 19 { |
| 10 "object": "LayoutBlockFlow (floating) DIV", | 20 "object": "LayoutBlockFlow (floating) DIV", |
| 11 "rect": [348, 48, 60, 60], | 21 "rect": [348, 48, 60, 60], |
| 12 "reason": "style change" | 22 "reason": "style change" |
| 13 }, | 23 }, |
| 14 { | 24 { |
| 15 "object": "LayoutBlockFlow (floating) DIV id='first'", | 25 "object": "LayoutBlockFlow (relative positioned) (floating) DIV id='fo
urth'", |
| 16 "rect": [48, 48, 60, 60], | 26 "rect": [328, 28, 60, 60], |
| 27 "reason": "style change" |
| 28 }, |
| 29 { |
| 30 "object": "LayoutBlockFlow (floating) DIV id='third'", |
| 31 "rect": [248, 48, 60, 60], |
| 17 "reason": "style change" | 32 "reason": "style change" |
| 18 }, | 33 }, |
| 19 { | 34 { |
| 20 "object": "LayoutBlockFlow (floating) DIV id='second'", | 35 "object": "LayoutBlockFlow (floating) DIV id='second'", |
| 21 "rect": [148, 48, 60, 60], | |
| 22 "reason": "layer" | |
| 23 }, | |
| 24 { | |
| 25 "object": "LayoutBlockFlow (floating) DIV id='second'", | |
| 26 "rect": [148, 48, 60, 60], | 36 "rect": [148, 48, 60, 60], |
| 27 "reason": "style change" | 37 "reason": "style change" |
| 28 }, | 38 }, |
| 29 { | 39 { |
| 30 "object": "LayoutBlockFlow (floating) DIV id='third'", | 40 "object": "LayoutBlockFlow (floating) DIV id='second'", |
| 31 "rect": [248, 48, 60, 60], | 41 "rect": [148, 48, 60, 60], |
| 42 "reason": "layer" |
| 43 }, |
| 44 { |
| 45 "object": "LayoutBlockFlow (floating) DIV id='first'", |
| 46 "rect": [48, 48, 60, 60], |
| 32 "reason": "style change" | 47 "reason": "style change" |
| 33 }, | 48 }, |
| 34 { | 49 { |
| 35 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | 50 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
| 36 "rect": [88, 28, 20, 80], | |
| 37 "reason": "incremental" | |
| 38 }, | |
| 39 { | |
| 40 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | |
| 41 "rect": [28, 88, 80, 20], | |
| 42 "reason": "incremental" | |
| 43 }, | |
| 44 { | |
| 45 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | |
| 46 "rect": [188, 28, 20, 80], | 51 "rect": [188, 28, 20, 80], |
| 47 "reason": "incremental" | 52 "reason": "incremental" |
| 48 }, | 53 }, |
| 49 { | 54 { |
| 50 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", | 55 "object": "LayoutBlockFlow (relative positioned) (floating) DIV", |
| 51 "rect": [128, 88, 80, 20], | 56 "rect": [88, 28, 20, 80], |
| 52 "reason": "incremental" | 57 "reason": "incremental" |
| 53 }, | |
| 54 { | |
| 55 "object": "LayoutBlockFlow (relative positioned) (floating) DIV id='fo
urth'", | |
| 56 "rect": [328, 28, 60, 60], | |
| 57 "reason": "style change" | |
| 58 } | 58 } |
| 59 ] | 59 ] |
| 60 } | 60 } |
| 61 ] | 61 ] |
| 62 } | 62 } |
| 63 | 63 |
| OLD | NEW |