| OLD | NEW |
| 1 Even though we can opt-out of fixed-position compositing for unscrollable fixed-
position containers, we still need to composite fixed-position layers that need
compositing for other reasons such as overlap. | 1 Even though we can opt-out of fixed-position compositing for unscrollable fixed-
position containers, we still need to composite fixed-position layers that need
compositing for other reasons such as overlap. |
| 2 | 2 |
| 3 { | 3 { |
| 4 "name": "Content Root Layer", | 4 "layers": [ |
| 5 "bounds": [800, 4024], | |
| 6 "children": [ | |
| 7 { | 5 { |
| 8 "name": "LayoutView #document", | 6 "name": "LayoutView #document", |
| 9 "bounds": [800, 4024], | 7 "bounds": [800, 4024], |
| 10 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 9 "drawsContent": true |
| 10 }, |
| 11 { |
| 12 "name": "LayoutBlockFlow (positioned) DIV class='absolute composited red b
ox'", |
| 13 "position": [10, 100], |
| 14 "bounds": [100, 100], |
| 15 "contentsOpaque": true, |
| 11 "drawsContent": true, | 16 "drawsContent": true, |
| 12 "children": [ | 17 "backgroundColor": "#FF0000" |
| 13 { | 18 }, |
| 14 "name": "LayoutBlockFlow (positioned) DIV class='absolute composited r
ed box'", | 19 { |
| 15 "position": [10, 100], | 20 "name": "LayoutBlockFlow (positioned) DIV class='fixed lime box'", |
| 16 "bounds": [100, 100], | 21 "position": [10, 100], |
| 17 "contentsOpaque": true, | 22 "bounds": [100, 100], |
| 18 "drawsContent": true, | 23 "contentsOpaque": true, |
| 19 "backgroundColor": "#FF0000" | 24 "drawsContent": true, |
| 20 }, | 25 "backgroundColor": "#00FF00" |
| 21 { | |
| 22 "name": "LayoutBlockFlow (positioned) DIV class='fixed lime box'", | |
| 23 "position": [10, 100], | |
| 24 "bounds": [100, 100], | |
| 25 "contentsOpaque": true, | |
| 26 "drawsContent": true, | |
| 27 "backgroundColor": "#00FF00" | |
| 28 } | |
| 29 ] | |
| 30 } | 26 } |
| 31 ] | 27 ] |
| 32 } | 28 } |
| 33 | 29 |
| OLD | NEW |