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