| 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 (positioned) DIV id='composited-box'", |
| 11 "position": [38, 38], |
| 12 "bounds": [90, 90], |
| 9 "drawsContent": true, | 13 "drawsContent": true, |
| 10 "children": [ | 14 "backfaceVisibility": "hidden", |
| 15 "backgroundColor": "#008000", |
| 16 "paintInvalidations": [ |
| 11 { | 17 { |
| 12 "name": "LayoutBlockFlow (positioned) DIV id='composited-box'", | 18 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", |
| 13 "position": [38, 38], | 19 "rect": [0, 0, 70, 70], |
| 14 "bounds": [90, 90], | 20 "reason": "full" |
| 15 "drawsContent": true, | 21 }, |
| 16 "backfaceVisibility": "hidden", | 22 { |
| 17 "backgroundColor": "#008000", | 23 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", |
| 18 "paintInvalidations": [ | 24 "rect": [-30, -30, 50, 100], |
| 19 { | 25 "reason": "subtree" |
| 20 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", | 26 }, |
| 21 "rect": [0, 0, 70, 70], | 27 { |
| 22 "reason": "full" | 28 "object": "LayoutBlockFlow DIV class='child'", |
| 23 }, | 29 "rect": [-30, -30, 50, 50], |
| 24 { | 30 "reason": "subtree" |
| 25 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", | |
| 26 "rect": [-30, -30, 50, 100], | |
| 27 "reason": "subtree" | |
| 28 }, | |
| 29 { | |
| 30 "object": "LayoutBlockFlow DIV class='child'", | |
| 31 "rect": [-30, -30, 50, 50], | |
| 32 "reason": "subtree" | |
| 33 } | |
| 34 ], | |
| 35 "children": [ | |
| 36 { | |
| 37 "name": "Child Containment Layer", | |
| 38 "bounds": [90, 90], | |
| 39 "children": [ | |
| 40 { | |
| 41 "name": "LayoutBlockFlow DIV class='composited child'", | |
| 42 "position": [-30, 20], | |
| 43 "bounds": [50, 50], | |
| 44 "contentsOpaque": true, | |
| 45 "drawsContent": true, | |
| 46 "backfaceVisibility": "hidden", | |
| 47 "backgroundColor": "#008000" | |
| 48 } | |
| 49 ] | |
| 50 } | |
| 51 ] | |
| 52 } | 31 } |
| 53 ] | 32 ] |
| 33 }, |
| 34 { |
| 35 "name": "Child Containment Layer", |
| 36 "bounds": [90, 90] |
| 37 }, |
| 38 { |
| 39 "name": "LayoutBlockFlow DIV class='composited child'", |
| 40 "position": [-30, 20], |
| 41 "bounds": [50, 50], |
| 42 "contentsOpaque": true, |
| 43 "drawsContent": true, |
| 44 "backfaceVisibility": "hidden", |
| 45 "backgroundColor": "#008000" |
| 54 } | 46 } |
| 55 ], | 47 ], |
| 56 "objectPaintInvalidations": [ | 48 "objectPaintInvalidations": [ |
| 57 { | 49 { |
| 58 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", | 50 "object": "LayoutBlockFlow (positioned) DIV id='composited-box'", |
| 59 "reason": "subtree" | 51 "reason": "subtree" |
| 60 }, | 52 }, |
| 61 { | 53 { |
| 62 "object": "LayoutBlockFlow DIV class='child'", | 54 "object": "LayoutBlockFlow DIV class='child'", |
| 63 "reason": "subtree" | 55 "reason": "subtree" |
| 64 } | 56 } |
| 65 ] | 57 ] |
| 66 } | 58 } |
| 67 | 59 |
| OLD | NEW |