| 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 "paintInvalidations": [ | 10 "paintInvalidations": [ |
| 9 { | 11 { |
| 10 "object": "LayoutBlockFlow DIV id='overflow2'", | 12 "object": "LayoutBlockFlow DIV id='overflow2'", |
| 11 "rect": [0, 200, 200, 200], | 13 "rect": [0, 200, 200, 200], |
| 12 "reason": "style change" | 14 "reason": "style change" |
| 13 }, | 15 }, |
| 14 { | 16 { |
| 15 "object": "LayoutBlockFlow DIV id='overflow1'", | 17 "object": "LayoutBlockFlow DIV id='overflow1'", |
| 16 "rect": [0, 0, 200, 200], | 18 "rect": [0, 0, 200, 200], |
| 17 "reason": "style change" | 19 "reason": "style change" |
| 18 } | 20 } |
| 19 ], | 21 ], |
| 20 "children": [ | 22 "children": [ |
| 21 { | 23 { |
| 24 "name": "LayoutBlockFlow DIV class='composited-child'", |
| 22 "bounds": [100, 100], | 25 "bounds": [100, 100], |
| 23 "contentsOpaque": true, | 26 "contentsOpaque": true, |
| 24 "drawsContent": true, | 27 "drawsContent": true, |
| 25 "backfaceVisibility": "hidden", | 28 "backfaceVisibility": "hidden", |
| 26 "backgroundColor": "#008000" | 29 "backgroundColor": "#008000" |
| 27 }, | 30 }, |
| 28 { | 31 { |
| 32 "name": "Ancestor Clipping Layer", |
| 29 "position": [0, 200], | 33 "position": [0, 200], |
| 30 "bounds": [200, 200], | 34 "bounds": [200, 200], |
| 31 "shouldFlattenTransform": false, | 35 "shouldFlattenTransform": false, |
| 32 "children": [ | 36 "children": [ |
| 33 { | 37 { |
| 38 "name": "LayoutBlockFlow DIV class='composited-child'", |
| 34 "bounds": [100, 100], | 39 "bounds": [100, 100], |
| 35 "contentsOpaque": true, | 40 "contentsOpaque": true, |
| 36 "drawsContent": true, | 41 "drawsContent": true, |
| 37 "backfaceVisibility": "hidden", | 42 "backfaceVisibility": "hidden", |
| 38 "backgroundColor": "#008000" | 43 "backgroundColor": "#008000" |
| 39 } | 44 } |
| 40 ] | 45 ] |
| 41 }, | 46 }, |
| 42 { | 47 { |
| 48 "name": "LayoutBlockFlow (relative positioned) DIV class='composited-c
hild overflow-child'", |
| 43 "position": [150, 150], | 49 "position": [150, 150], |
| 44 "bounds": [100, 100], | 50 "bounds": [100, 100], |
| 45 "contentsOpaque": true, | 51 "contentsOpaque": true, |
| 46 "drawsContent": true, | 52 "drawsContent": true, |
| 47 "backfaceVisibility": "hidden", | 53 "backfaceVisibility": "hidden", |
| 48 "backgroundColor": "#008000" | 54 "backgroundColor": "#008000" |
| 49 }, | 55 }, |
| 50 { | 56 { |
| 57 "name": "Ancestor Clipping Layer", |
| 51 "position": [0, 200], | 58 "position": [0, 200], |
| 52 "bounds": [200, 200], | 59 "bounds": [200, 200], |
| 53 "shouldFlattenTransform": false, | 60 "shouldFlattenTransform": false, |
| 54 "children": [ | 61 "children": [ |
| 55 { | 62 { |
| 63 "name": "LayoutBlockFlow (relative positioned) DIV class='composit
ed-child overflow-child'", |
| 56 "position": [150, 150], | 64 "position": [150, 150], |
| 57 "bounds": [100, 100], | 65 "bounds": [100, 100], |
| 58 "contentsOpaque": true, | 66 "contentsOpaque": true, |
| 59 "drawsContent": true, | 67 "drawsContent": true, |
| 60 "backfaceVisibility": "hidden", | 68 "backfaceVisibility": "hidden", |
| 61 "backgroundColor": "#008000" | 69 "backgroundColor": "#008000" |
| 62 } | 70 } |
| 63 ] | 71 ] |
| 64 } | 72 } |
| 65 ] | 73 ] |
| 66 } | 74 } |
| 75 ], |
| 76 "objectPaintInvalidations": [ |
| 77 { |
| 78 "object": "LayoutBlockFlow DIV id='overflow1'", |
| 79 "reason": "style change" |
| 80 }, |
| 81 { |
| 82 "object": "LayoutBlockFlow DIV id='overflow2'", |
| 83 "reason": "style change" |
| 84 } |
| 67 ] | 85 ] |
| 68 } | 86 } |
| 69 | 87 |
| OLD | NEW |