| 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": "Squashing Containment Layer", |
| 10 "shouldFlattenTransform": false, | 13 "shouldFlattenTransform": false, |
| 11 "children": [ | 14 "children": [ |
| 12 { | 15 { |
| 16 "name": "LayoutBlockFlow (positioned) DIV class='composited box be
hind'", |
| 13 "position": [100, 100], | 17 "position": [100, 100], |
| 14 "bounds": [100, 100], | 18 "bounds": [100, 100], |
| 15 "contentsOpaque": true, | 19 "contentsOpaque": true, |
| 16 "drawsContent": true, | 20 "drawsContent": true, |
| 17 "backgroundColor": "#0000FF" | 21 "backgroundColor": "#0000FF" |
| 18 }, | 22 }, |
| 19 { | 23 { |
| 24 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV class='box middle')", |
| 20 "position": [180, 180], | 25 "position": [180, 180], |
| 21 "bounds": [262, 200], | 26 "bounds": [262, 200], |
| 22 "drawsContent": true, | 27 "drawsContent": true, |
| 23 "paintInvalidations": [ | 28 "paintInvalidations": [ |
| 24 { | 29 { |
| 25 "object": "LayoutImage (positioned) IMG id='repaintdiv' class=
'repaintdiv'", | 30 "object": "LayoutImage (positioned) IMG id='repaintdiv' class=
'repaintdiv'", |
| 26 "rect": [80, 80, 182, 29], | 31 "rect": [80, 80, 182, 29], |
| 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": "LayoutImage (positioned) IMG id='repaintdiv' class='repaintdiv'
", |
| 44 "reason": "style change" |
| 45 } |
| 35 ] | 46 ] |
| 36 } | 47 } |
| 37 | 48 |
| OLD | NEW |