| OLD | NEW |
| 1 Layer tree when the fixed elements are out-of-view (should have just a root laye
r): | 1 Layer tree when the fixed elements are out-of-view (should have just a root laye
r): |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", | 3 "layers": [ |
| 4 "bounds": [785, 4016], | |
| 5 "children": [ | |
| 6 { | 4 { |
| 7 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 8 "bounds": [785, 4016], | 6 "bounds": [785, 4016], |
| 9 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true |
| 9 }, |
| 10 { |
| 11 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", |
| 12 "position": [100, -100], |
| 13 "bounds": [10, 10], |
| 14 "contentsOpaque": true, |
| 10 "drawsContent": true, | 15 "drawsContent": true, |
| 11 "children": [ | 16 "backgroundColor": "#C0C0C0" |
| 12 { | 17 }, |
| 13 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", | 18 { |
| 14 "position": [100, -100], | 19 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", |
| 15 "bounds": [10, 10], | 20 "position": [100, 100], |
| 16 "contentsOpaque": true, | 21 "bounds": [10, 0], |
| 17 "drawsContent": true, | 22 "contentsOpaque": true, |
| 18 "backgroundColor": "#C0C0C0" | 23 "drawsContent": true, |
| 19 }, | 24 "backgroundColor": "#C0C0C0" |
| 20 { | |
| 21 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", | |
| 22 "position": [100, 100], | |
| 23 "bounds": [10, 0], | |
| 24 "contentsOpaque": true, | |
| 25 "drawsContent": true, | |
| 26 "backgroundColor": "#C0C0C0" | |
| 27 } | |
| 28 ] | |
| 29 } | 25 } |
| 30 ] | 26 ] |
| 31 } | 27 } |
| 32 Layer tree when the fixed elements are in-view (both fixed elements should have
layers): | 28 Layer tree when the fixed elements are in-view (both fixed elements should have
layers): |
| 33 { | 29 { |
| 34 "name": "Content Root Layer", | 30 "layers": [ |
| 35 "bounds": [785, 4016], | |
| 36 "children": [ | |
| 37 { | 31 { |
| 38 "name": "LayoutView #document", | 32 "name": "LayoutView #document", |
| 39 "bounds": [785, 4016], | 33 "bounds": [785, 4016], |
| 40 "contentsOpaque": true, | 34 "contentsOpaque": true, |
| 35 "drawsContent": true |
| 36 }, |
| 37 { |
| 38 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", |
| 39 "position": [100, 50], |
| 40 "bounds": [10, 10], |
| 41 "contentsOpaque": true, |
| 41 "drawsContent": true, | 42 "drawsContent": true, |
| 42 "children": [ | 43 "backgroundColor": "#C0C0C0" |
| 43 { | 44 }, |
| 44 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", | 45 { |
| 45 "position": [100, 50], | 46 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", |
| 46 "bounds": [10, 10], | 47 "position": [100, 100], |
| 47 "contentsOpaque": true, | 48 "bounds": [10, 10], |
| 48 "drawsContent": true, | 49 "contentsOpaque": true, |
| 49 "backgroundColor": "#C0C0C0" | 50 "drawsContent": true, |
| 50 }, | 51 "backgroundColor": "#C0C0C0" |
| 51 { | |
| 52 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", | |
| 53 "position": [100, 100], | |
| 54 "bounds": [10, 10], | |
| 55 "contentsOpaque": true, | |
| 56 "drawsContent": true, | |
| 57 "backgroundColor": "#C0C0C0" | |
| 58 } | |
| 59 ] | |
| 60 } | 52 } |
| 61 ] | 53 ] |
| 62 } | 54 } |
| 63 Layer tree when the fixed elements are out-of-view again (should have just a roo
t layer): | 55 Layer tree when the fixed elements are out-of-view again (should have just a roo
t layer): |
| 64 { | 56 { |
| 65 "name": "Content Root Layer", | 57 "layers": [ |
| 66 "bounds": [785, 4016], | |
| 67 "children": [ | |
| 68 { | 58 { |
| 69 "name": "LayoutView #document", | 59 "name": "LayoutView #document", |
| 70 "bounds": [785, 4016], | 60 "bounds": [785, 4016], |
| 71 "contentsOpaque": true, | 61 "contentsOpaque": true, |
| 62 "drawsContent": true |
| 63 }, |
| 64 { |
| 65 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", |
| 66 "position": [100, -100], |
| 67 "bounds": [10, 10], |
| 68 "contentsOpaque": true, |
| 72 "drawsContent": true, | 69 "drawsContent": true, |
| 73 "children": [ | 70 "backgroundColor": "#C0C0C0" |
| 74 { | 71 }, |
| 75 "name": "LayoutBlockFlow (positioned) DIV id='fixed1'", | 72 { |
| 76 "position": [100, -100], | 73 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", |
| 77 "bounds": [10, 10], | 74 "position": [100, 100], |
| 78 "contentsOpaque": true, | 75 "bounds": [10, 0], |
| 79 "drawsContent": true, | 76 "contentsOpaque": true, |
| 80 "backgroundColor": "#C0C0C0" | 77 "drawsContent": true, |
| 81 }, | 78 "backgroundColor": "#C0C0C0" |
| 82 { | |
| 83 "name": "LayoutBlockFlow (positioned) DIV id='fixed2'", | |
| 84 "position": [100, 100], | |
| 85 "bounds": [10, 0], | |
| 86 "contentsOpaque": true, | |
| 87 "drawsContent": true, | |
| 88 "backgroundColor": "#C0C0C0" | |
| 89 } | |
| 90 ] | |
| 91 } | 79 } |
| 92 ] | 80 ] |
| 93 } | 81 } |
| 94 | 82 |
| OLD | NEW |