| OLD | NEW |
| 1 | 1 |
| 2 When the parent document becomes composited, the layer trees should get connecte
d together. | 2 When the parent document becomes composited, the layer trees should get connecte
d together. |
| 3 | 3 |
| 4 { | 4 { |
| 5 "name": "Content Root Layer", |
| 5 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 6 "children": [ | 7 "children": [ |
| 7 { | 8 { |
| 9 "name": "LayoutView #document", |
| 8 "bounds": [800, 600], | 10 "bounds": [800, 600], |
| 9 "contentsOpaque": true, | 11 "contentsOpaque": true, |
| 10 "drawsContent": true, | 12 "drawsContent": true, |
| 11 "children": [ | 13 "children": [ |
| 12 { | 14 { |
| 15 "name": "LayoutIFrame IFRAME id='iframe'", |
| 13 "position": [8, 108], | 16 "position": [8, 108], |
| 14 "bounds": [370, 220], | 17 "bounds": [370, 220], |
| 15 "drawsContent": true, | 18 "drawsContent": true, |
| 16 "children": [ | 19 "children": [ |
| 17 { | 20 { |
| 21 "name": "Frame Overflow Controls Host Layer", |
| 18 "position": [35, 35], | 22 "position": [35, 35], |
| 19 "bounds": [300, 150], | 23 "bounds": [300, 150], |
| 20 "children": [ | 24 "children": [ |
| 21 { | 25 { |
| 26 "name": "Frame Clipping Layer", |
| 22 "bounds": [285, 150], | 27 "bounds": [285, 150], |
| 23 "children": [ | 28 "children": [ |
| 24 { | 29 { |
| 30 "name": "Frame Scrolling Layer", |
| 25 "children": [ | 31 "children": [ |
| 26 { | 32 { |
| 33 "name": "Content Root Layer", |
| 27 "bounds": [285, 230], | 34 "bounds": [285, 230], |
| 28 "children": [ | 35 "children": [ |
| 29 { | 36 { |
| 37 "name": "LayoutView #document", |
| 30 "bounds": [285, 230], | 38 "bounds": [285, 230], |
| 31 "drawsContent": true, | 39 "drawsContent": true, |
| 32 "backgroundColor": "#C0C0C0", | 40 "backgroundColor": "#C0C0C0", |
| 33 "children": [ | 41 "children": [ |
| 34 { | 42 { |
| 43 "name": "LayoutBlockFlow DIV id='iframe-conten
t' class='box'", |
| 35 "position": [18, 10], | 44 "position": [18, 10], |
| 36 "bounds": [210, 210], | 45 "bounds": [210, 210], |
| 37 "contentsOpaque": true, | 46 "contentsOpaque": true, |
| 38 "drawsContent": true, | 47 "drawsContent": true, |
| 39 "backgroundColor": "#0000FF" | 48 "backgroundColor": "#0000FF" |
| 40 } | 49 } |
| 41 ] | 50 ] |
| 42 } | 51 } |
| 43 ] | 52 ] |
| 44 } | 53 } |
| 45 ] | 54 ] |
| 46 } | 55 } |
| 47 ] | 56 ] |
| 48 }, | 57 }, |
| 49 { | 58 { |
| 59 "name": "Frame Vertical Scrollbar Layer", |
| 50 "position": [285, 0], | 60 "position": [285, 0], |
| 51 "bounds": [15, 150] | 61 "bounds": [15, 150] |
| 52 } | 62 } |
| 53 ] | 63 ] |
| 54 } | 64 } |
| 55 ] | 65 ] |
| 56 }, | 66 }, |
| 57 { | 67 { |
| 68 "name": "LayoutBlockFlow DIV id='box' class='composited'", |
| 58 "position": [8, 8], | 69 "position": [8, 8], |
| 59 "bounds": [100, 100], | 70 "bounds": [100, 100], |
| 60 "contentsOpaque": true, | 71 "contentsOpaque": true, |
| 61 "drawsContent": true, | 72 "drawsContent": true, |
| 62 "backgroundColor": "#0000FF" | 73 "backgroundColor": "#0000FF" |
| 63 } | 74 } |
| 64 ] | 75 ] |
| 65 } | 76 } |
| 66 ] | 77 ] |
| 67 } | 78 } |
| 68 | 79 |
| OLD | NEW |