| 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='intervening'", |
| 11 "position": [98, 90], |
| 12 "bounds": [300, 300], |
| 13 "contentsOpaque": true, |
| 9 "drawsContent": true, | 14 "drawsContent": true, |
| 10 "children": [ | 15 "backfaceVisibility": "hidden", |
| 11 { | 16 "backgroundColor": "#FFEFD5" |
| 12 "name": "LayoutBlockFlow DIV id='intervening'", | 17 }, |
| 13 "position": [98, 90], | 18 { |
| 14 "bounds": [300, 300], | 19 "name": "LayoutBlockFlow DIV id='scroller'", |
| 15 "contentsOpaque": true, | 20 "bounds": [102, 102], |
| 16 "drawsContent": true, | 21 "shouldFlattenTransform": false, |
| 17 "backfaceVisibility": "hidden", | 22 "drawsContent": true |
| 18 "backgroundColor": "#FFEFD5", | 23 }, |
| 19 "children": [ | 24 { |
| 20 { | 25 "name": "Scrolling Layer", |
| 21 "name": "LayoutBlockFlow DIV id='scroller'", | 26 "position": [1, 1], |
| 22 "bounds": [102, 102], | 27 "bounds": [100, 100], |
| 23 "shouldFlattenTransform": false, | 28 "shouldFlattenTransform": false |
| 24 "drawsContent": true, | 29 }, |
| 25 "children": [ | 30 { |
| 26 { | 31 "name": "Scrolling Contents Layer", |
| 27 "name": "Scrolling Layer", | 32 "bounds": [100, 180] |
| 28 "position": [1, 1], | 33 }, |
| 29 "bounds": [100, 100], | 34 { |
| 30 "shouldFlattenTransform": false, | 35 "name": "LayoutBlockFlow (positioned) DIV id='fixed'", |
| 31 "children": [ | 36 "position": [60, 60], |
| 32 { | 37 "bounds": [80, 80], |
| 33 "name": "Scrolling Contents Layer", | 38 "contentsOpaque": true, |
| 34 "bounds": [100, 180] | 39 "drawsContent": true, |
| 35 } | 40 "backgroundColor": "#008000" |
| 36 ] | 41 }, |
| 37 } | 42 { |
| 38 ] | 43 "name": "Squashing Containment Layer", |
| 39 } | 44 "shouldFlattenTransform": false |
| 40 ] | 45 }, |
| 41 }, | 46 { |
| 42 { | 47 "name": "LayoutBlockFlow (relative positioned) DIV class='scrolled'", |
| 43 "name": "LayoutBlockFlow (positioned) DIV id='fixed'", | 48 "position": [103, 95], |
| 44 "position": [60, 60], | 49 "bounds": [60, 40], |
| 45 "bounds": [80, 80], | 50 "contentsOpaque": true, |
| 46 "contentsOpaque": true, | 51 "drawsContent": true, |
| 47 "drawsContent": true, | 52 "backgroundColor": "#0000FF" |
| 48 "backgroundColor": "#008000" | 53 }, |
| 49 }, | 54 { |
| 50 { | 55 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (relative
positioned) DIV class='scrolled')", |
| 51 "name": "Squashing Containment Layer", | 56 "position": [103, 139], |
| 52 "shouldFlattenTransform": false, | 57 "bounds": [60, 128], |
| 53 "children": [ | 58 "drawsContent": true |
| 54 { | 59 }, |
| 55 "name": "LayoutBlockFlow (relative positioned) DIV class='scrolled
'", | 60 { |
| 56 "position": [103, 95], | 61 "name": "Overflow Controls Host Layer", |
| 57 "bounds": [60, 40], | 62 "position": [98, 90], |
| 58 "contentsOpaque": true, | 63 "bounds": [102, 102] |
| 59 "drawsContent": true, | 64 }, |
| 60 "backgroundColor": "#0000FF" | 65 { |
| 61 }, | 66 "name": "Vertical Scrollbar Layer", |
| 62 { | 67 "position": [94, 1], |
| 63 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (r
elative positioned) DIV class='scrolled')", | 68 "bounds": [7, 100] |
| 64 "position": [103, 139], | |
| 65 "bounds": [60, 128], | |
| 66 "drawsContent": true | |
| 67 } | |
| 68 ] | |
| 69 }, | |
| 70 { | |
| 71 "name": "Overflow Controls Host Layer", | |
| 72 "position": [98, 90], | |
| 73 "bounds": [102, 102], | |
| 74 "children": [ | |
| 75 { | |
| 76 "name": "Vertical Scrollbar Layer", | |
| 77 "position": [94, 1], | |
| 78 "bounds": [7, 100] | |
| 79 } | |
| 80 ] | |
| 81 } | |
| 82 ] | |
| 83 } | 69 } |
| 84 ] | 70 ] |
| 85 } | 71 } |
| 86 | 72 |
| OLD | NEW |