| 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'", | 12           "object": "LayoutGrid DIV id='container'", | 
| 13           "rect": [0, 52, 200, 300], | 13           "rect": [0, 52, 200, 300], | 
| 14           "reason": "style change" | 14           "reason": "style change" | 
| 15         }, | 15         }, | 
| 16         { | 16         { | 
| 17           "object": "LayoutBlockFlow DIV class='item'", | 17           "object": "LayoutBlockFlow DIV class='item'", | 
| 18           "rect": [0, 252, 200, 100], | 18           "rect": [0, 252, 200, 100], | 
| 19           "reason": "bounds change" | 19           "reason": "bounds change" | 
| 20         }, | 20         }, | 
| 21         { | 21         { | 
| 22           "object": "LayoutBlockFlow DIV class='item'", | 22           "object": "LayoutBlockFlow DIV class='item'", | 
| 23           "rect": [0, 152, 200, 100], | 23           "rect": [0, 152, 200, 100], | 
| 24           "reason": "bounds change" | 24           "reason": "bounds change" | 
| 25         }, | 25         }, | 
| 26         { | 26         { | 
| 27           "object": "LayoutBlockFlow DIV class='item'", | 27           "object": "LayoutBlockFlow DIV class='item'", | 
| 28           "rect": [0, 52, 200, 100], | 28           "rect": [0, 52, 200, 100], | 
| 29           "reason": "bounds change" | 29           "reason": "bounds change" | 
| 30         }, |  | 
| 31         { |  | 
| 32           "object": "LayoutBlockFlow DIV", |  | 
| 33           "rect": [0, 277, 200, 50], |  | 
| 34           "reason": "bounds change" |  | 
| 35         }, |  | 
| 36         { |  | 
| 37           "object": "LayoutBlockFlow DIV", |  | 
| 38           "rect": [0, 252, 200, 50], |  | 
| 39           "reason": "bounds change" |  | 
| 40         }, |  | 
| 41         { |  | 
| 42           "object": "LayoutBlockFlow DIV", |  | 
| 43           "rect": [0, 177, 200, 50], |  | 
| 44           "reason": "bounds change" |  | 
| 45         }, |  | 
| 46         { |  | 
| 47           "object": "LayoutBlockFlow DIV", |  | 
| 48           "rect": [0, 152, 200, 50], |  | 
| 49           "reason": "bounds change" |  | 
| 50         }, |  | 
| 51         { |  | 
| 52           "object": "LayoutBlockFlow DIV", |  | 
| 53           "rect": [0, 77, 200, 50], |  | 
| 54           "reason": "bounds change" |  | 
| 55         }, |  | 
| 56         { |  | 
| 57           "object": "LayoutBlockFlow DIV", |  | 
| 58           "rect": [0, 52, 200, 50], |  | 
| 59           "reason": "bounds change" |  | 
| 60         } | 30         } | 
| 61       ] | 31       ] | 
| 62     } | 32     } | 
| 63   ], | 33   ], | 
| 64   "objectPaintInvalidations": [ | 34   "objectPaintInvalidations": [ | 
| 65     { | 35     { | 
| 66       "object": "LayoutGrid DIV id='container'", | 36       "object": "LayoutGrid DIV id='container'", | 
| 67       "reason": "style change" | 37       "reason": "style change" | 
| 68     }, | 38     }, | 
| 69     { | 39     { | 
| 70       "object": "LayoutBlockFlow DIV class='item'", | 40       "object": "LayoutBlockFlow DIV class='item'", | 
| 71       "reason": "bounds change" | 41       "reason": "bounds change" | 
| 72     }, | 42     }, | 
| 73     { | 43     { | 
| 74       "object": "LayoutBlockFlow DIV", | 44       "object": "LayoutBlockFlow DIV", | 
| 75       "reason": "bounds change" | 45       "reason": "location change" | 
| 76     }, | 46     }, | 
| 77     { | 47     { | 
| 78       "object": "LayoutBlockFlow DIV class='item'", | 48       "object": "LayoutBlockFlow DIV class='item'", | 
| 79       "reason": "bounds change" | 49       "reason": "bounds change" | 
| 80     }, | 50     }, | 
| 81     { | 51     { | 
| 82       "object": "LayoutBlockFlow DIV", | 52       "object": "LayoutBlockFlow DIV", | 
| 83       "reason": "bounds change" | 53       "reason": "location change" | 
| 84     }, | 54     }, | 
| 85     { | 55     { | 
| 86       "object": "LayoutBlockFlow DIV class='item'", | 56       "object": "LayoutBlockFlow DIV class='item'", | 
| 87       "reason": "bounds change" | 57       "reason": "bounds change" | 
| 88     }, | 58     }, | 
| 89     { | 59     { | 
| 90       "object": "LayoutBlockFlow DIV", | 60       "object": "LayoutBlockFlow DIV", | 
| 91       "reason": "bounds change" | 61       "reason": "location change" | 
| 92     } | 62     } | 
| 93   ] | 63   ] | 
| 94 } | 64 } | 
| 95 | 65 | 
| OLD | NEW | 
|---|