| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", |
| 2 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 3 "children": [ | 4 "children": [ |
| 4 { | 5 { |
| 6 "name": "LayoutView #document", |
| 5 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 7 "drawsContent": true, | 9 "drawsContent": true, |
| 8 "children": [ | 10 "children": [ |
| 9 { | 11 { |
| 12 "name": "Ancestor Clipping Layer", |
| 10 "position": [8, 8], | 13 "position": [8, 8], |
| 11 "bounds": [185, 185], | 14 "bounds": [185, 185], |
| 12 "shouldFlattenTransform": false, | 15 "shouldFlattenTransform": false, |
| 13 "children": [ | 16 "children": [ |
| 14 { | 17 { |
| 18 "name": "LayoutBlockFlow DIV id='foo2'", |
| 15 "bounds": [150, 1000], | 19 "bounds": [150, 1000], |
| 16 "contentsOpaque": true, | 20 "contentsOpaque": true, |
| 17 "drawsContent": true, | 21 "drawsContent": true, |
| 18 "backgroundColor": "#ADD8E6" | 22 "backgroundColor": "#ADD8E6" |
| 19 }, | 23 }, |
| 20 { | 24 { |
| 25 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV id='foo')", |
| 21 "bounds": [100, 1000], | 26 "bounds": [100, 1000], |
| 22 "drawsContent": true, | 27 "drawsContent": true, |
| 23 "paintInvalidations": [ | 28 "paintInvalidations": [ |
| 24 { | 29 { |
| 25 "object": "LayoutBlockFlow (positioned) DIV id='foo'", | 30 "object": "LayoutBlockFlow (positioned) DIV id='foo'", |
| 26 "rect": [0, 0, 100, 1000], | 31 "rect": [0, 0, 100, 1000], |
| 27 "reason": "style change" | 32 "reason": "style change" |
| 28 } | 33 } |
| 29 ] | 34 ] |
| 30 } | 35 } |
| 31 ] | 36 ] |
| 32 } | 37 } |
| 33 ] | 38 ] |
| 34 } | 39 } |
| 40 ], |
| 41 "objectPaintInvalidations": [ |
| 42 { |
| 43 "object": "LayoutBlockFlow (positioned) DIV id='foo'", |
| 44 "reason": "style change" |
| 45 } |
| 35 ] | 46 ] |
| 36 } | 47 } |
| 37 | 48 |
| OLD | NEW |