| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "layers": [ |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | 3 { |
| 6 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true |
| 8 }, |
| 9 { |
| 10 "name": "LayoutBlockFlow DIV id='parent'", |
| 11 "position": [8, 8], |
| 12 "bounds": [400, 400], |
| 13 "contentsOpaque": true, |
| 9 "drawsContent": true, | 14 "drawsContent": true, |
| 10 "children": [ | 15 "backgroundColor": "#008000", |
| 16 "paintInvalidations": [ |
| 11 { | 17 { |
| 12 "name": "LayoutBlockFlow DIV id='parent'", | 18 "object": "LayoutBlockFlow DIV id='parent'", |
| 13 "position": [8, 8], | 19 "rect": [0, 0, 400, 400], |
| 14 "bounds": [400, 400], | 20 "reason": "style change" |
| 15 "contentsOpaque": true, | 21 } |
| 16 "drawsContent": true, | 22 ] |
| 17 "backgroundColor": "#008000", | 23 }, |
| 18 "paintInvalidations": [ | 24 { |
| 19 { | 25 "name": "LayoutBlockFlow (relative positioned) DIV id='child'", |
| 20 "object": "LayoutBlockFlow DIV id='parent'", | 26 "position": [50, 50], |
| 21 "rect": [0, 0, 400, 400], | 27 "bounds": [75, 75], |
| 22 "reason": "style change" | 28 "contentsOpaque": true, |
| 23 } | 29 "drawsContent": true, |
| 24 ], | 30 "backgroundColor": "#0000FF", |
| 25 "children": [ | 31 "paintInvalidations": [ |
| 26 { | 32 { |
| 27 "name": "LayoutBlockFlow (relative positioned) DIV id='child'", | 33 "object": "LayoutBlockFlow (relative positioned) DIV id='child'", |
| 28 "position": [50, 50], | 34 "rect": [0, 0, 75, 75], |
| 29 "bounds": [75, 75], | 35 "reason": "style change" |
| 30 "contentsOpaque": true, | |
| 31 "drawsContent": true, | |
| 32 "backgroundColor": "#0000FF", | |
| 33 "paintInvalidations": [ | |
| 34 { | |
| 35 "object": "LayoutBlockFlow (relative positioned) DIV id='child
'", | |
| 36 "rect": [0, 0, 75, 75], | |
| 37 "reason": "style change" | |
| 38 } | |
| 39 ] | |
| 40 } | |
| 41 ] | |
| 42 } | 36 } |
| 43 ] | 37 ] |
| 44 } | 38 } |
| 45 ], | 39 ], |
| 46 "objectPaintInvalidations": [ | 40 "objectPaintInvalidations": [ |
| 47 { | 41 { |
| 48 "object": "LayoutBlockFlow DIV id='parent'", | 42 "object": "LayoutBlockFlow DIV id='parent'", |
| 49 "reason": "style change" | 43 "reason": "style change" |
| 50 }, | 44 }, |
| 51 { | 45 { |
| 52 "object": "LayoutBlockFlow (relative positioned) DIV id='child'", | 46 "object": "LayoutBlockFlow (relative positioned) DIV id='child'", |
| 53 "reason": "style change" | 47 "reason": "style change" |
| 54 } | 48 } |
| 55 ] | 49 ] |
| 56 } | 50 } |
| 57 | 51 |
| OLD | NEW |