| OLD | NEW | 
|---|
| 1 { | 1 { | 
| 2   "name": "Content Root Layer", | 2   "name": "Content Root Layer", | 
| 3   "bounds": [800, 600], | 3   "bounds": [800, 600], | 
| 4   "children": [ | 4   "children": [ | 
| 5     { | 5     { | 
| 6       "name": "LayoutView #document", | 6       "name": "LayoutView #document", | 
| 7       "bounds": [800, 600], | 7       "bounds": [800, 600], | 
| 8       "contentsOpaque": true, | 8       "contentsOpaque": true, | 
| 9       "drawsContent": true, | 9       "drawsContent": true, | 
| 10       "paintInvalidations": [ | 10       "paintInvalidations": [ | 
| 11         { | 11         { | 
| 12           "object": "LayoutGrid DIV id='container'", |  | 
| 13           "rect": [0, 52, 200, 300], |  | 
| 14           "reason": "style change" |  | 
| 15         }, |  | 
| 16         { |  | 
| 17           "object": "LayoutBlockFlow DIV class='item'", | 12           "object": "LayoutBlockFlow DIV class='item'", | 
| 18           "rect": [0, 252, 200, 100], | 13           "rect": [0, 252, 200, 100], | 
| 19           "reason": "bounds change" | 14           "reason": "bounds change" | 
| 20         }, | 15         }, | 
| 21         { | 16         { | 
| 22           "object": "LayoutBlockFlow DIV class='item'", | 17           "object": "LayoutBlockFlow DIV class='item'", | 
| 23           "rect": [0, 152, 200, 100], | 18           "rect": [0, 152, 200, 100], | 
| 24           "reason": "bounds change" | 19           "reason": "bounds change" | 
| 25         }, | 20         }, | 
| 26         { | 21         { | 
| 27           "object": "LayoutBlockFlow DIV class='item'", | 22           "object": "LayoutBlockFlow DIV class='item'", | 
| 28           "rect": [0, 52, 200, 100], | 23           "rect": [0, 52, 200, 100], | 
| 29           "reason": "bounds change" | 24           "reason": "bounds change" | 
| 30         } | 25         } | 
| 31       ] | 26       ] | 
| 32     } | 27     } | 
| 33   ], | 28   ], | 
| 34   "objectPaintInvalidations": [ | 29   "objectPaintInvalidations": [ | 
| 35     { | 30     { | 
| 36       "object": "LayoutGrid DIV id='container'", |  | 
| 37       "reason": "style change" |  | 
| 38     }, |  | 
| 39     { |  | 
| 40       "object": "LayoutBlockFlow DIV class='item'", | 31       "object": "LayoutBlockFlow DIV class='item'", | 
| 41       "reason": "bounds change" | 32       "reason": "bounds change" | 
| 42     }, | 33     }, | 
| 43     { | 34     { | 
| 44       "object": "LayoutBlockFlow DIV", | 35       "object": "LayoutBlockFlow DIV", | 
| 45       "reason": "location change" | 36       "reason": "location change" | 
| 46     }, | 37     }, | 
| 47     { | 38     { | 
| 48       "object": "LayoutBlockFlow DIV class='item'", | 39       "object": "LayoutBlockFlow DIV class='item'", | 
| 49       "reason": "bounds change" | 40       "reason": "bounds change" | 
| 50     }, | 41     }, | 
| 51     { | 42     { | 
| 52       "object": "LayoutBlockFlow DIV", | 43       "object": "LayoutBlockFlow DIV", | 
| 53       "reason": "location change" | 44       "reason": "location change" | 
| 54     }, | 45     }, | 
| 55     { | 46     { | 
| 56       "object": "LayoutBlockFlow DIV class='item'", | 47       "object": "LayoutBlockFlow DIV class='item'", | 
| 57       "reason": "bounds change" | 48       "reason": "bounds change" | 
| 58     }, | 49     }, | 
| 59     { | 50     { | 
| 60       "object": "LayoutBlockFlow DIV", | 51       "object": "LayoutBlockFlow DIV", | 
| 61       "reason": "location change" | 52       "reason": "location change" | 
| 62     } | 53     } | 
| 63   ] | 54   ] | 
| 64 } | 55 } | 
| 65 | 56 | 
| OLD | NEW | 
|---|