| OLD | NEW |
| 1 This content is in the parent | 1 This content is in the parent |
| 2 Box should switch between perspective and flat | 2 Box should switch between perspective and flat |
| 3 | 3 |
| 4 First dump layer tree: | 4 First dump layer tree: |
| 5 { | 5 { |
| 6 "name": "Content Root Layer", | 6 "layers": [ |
| 7 "bounds": [800, 600], | |
| 8 "children": [ | |
| 9 { | 7 { |
| 10 "name": "LayoutView #document", | 8 "name": "LayoutView #document", |
| 11 "bounds": [800, 600], | 9 "bounds": [800, 600], |
| 12 "contentsOpaque": true, | 10 "contentsOpaque": true, |
| 13 "drawsContent": true | 11 "drawsContent": true |
| 14 } | 12 } |
| 15 ] | 13 ] |
| 16 } | 14 } |
| 17 | 15 |
| 18 Second dump layer tree: | 16 Second dump layer tree: |
| 19 { | 17 { |
| 20 "name": "Content Root Layer", | 18 "layers": [ |
| 21 "bounds": [800, 600], | |
| 22 "children": [ | |
| 23 { | 19 { |
| 24 "name": "LayoutView #document", | 20 "name": "LayoutView #document", |
| 25 "bounds": [800, 600], | 21 "bounds": [800, 600], |
| 26 "contentsOpaque": true, | 22 "contentsOpaque": true, |
| 23 "drawsContent": true |
| 24 }, |
| 25 { |
| 26 "name": "LayoutBlockFlow (relative positioned) DIV id='parent'", |
| 27 "position": [8, 8], |
| 28 "bounds": [342, 292], |
| 29 "drawsContent": true |
| 30 }, |
| 31 { |
| 32 "name": "LayoutBlockFlow (relative positioned) DIV id='child'", |
| 33 "position": [31, 39], |
| 34 "bounds": [250, 220], |
| 35 "contentsOpaque": true, |
| 27 "drawsContent": true, | 36 "drawsContent": true, |
| 28 "children": [ | 37 "backgroundColor": "#0000FF" |
| 29 { | 38 }, |
| 30 "name": "LayoutBlockFlow (relative positioned) DIV id='parent'", | 39 { |
| 31 "position": [8, 8], | 40 "name": "LayoutBlockFlow (relative positioned) DIV id='grandchild'", |
| 32 "bounds": [342, 292], | 41 "position": [10, 10], |
| 33 "drawsContent": true, | 42 "bounds": [200, 200], |
| 34 "children": [ | 43 "contentsOpaque": true, |
| 35 { | 44 "drawsContent": true, |
| 36 "name": "LayoutBlockFlow (relative positioned) DIV id='child'", | 45 "backgroundColor": "#FFFF00", |
| 37 "position": [31, 39], | 46 "transform": [ |
| 38 "bounds": [250, 220], | 47 [0.866025403784439, 0.5, 0, 0], |
| 39 "contentsOpaque": true, | 48 [-0.5, 0.866025403784439, 0, 0], |
| 40 "drawsContent": true, | 49 [0, 0, 1, 0], |
| 41 "backgroundColor": "#0000FF", | 50 [0, 0, 0, 1] |
| 42 "children": [ | 51 ] |
| 43 { | 52 }, |
| 44 "name": "LayoutBlockFlow (relative positioned) DIV id='grandch
ild'", | 53 { |
| 45 "position": [10, 10], | 54 "name": "LayoutBlockFlow (relative positioned) DIV id='greatgrandchild'", |
| 46 "bounds": [200, 200], | 55 "position": [100, 0], |
| 47 "contentsOpaque": true, | 56 "bounds": [250, 100], |
| 48 "drawsContent": true, | 57 "contentsOpaque": true, |
| 49 "backgroundColor": "#FFFF00", | 58 "drawsContent": true, |
| 50 "transform": [ | 59 "backgroundColor": "#008000", |
| 51 [0.866025403784439, 0.5, 0, 0], | 60 "transform": [ |
| 52 [-0.5, 0.866025403784439, 0, 0], | 61 [0.5, 0, -0.866025403784439, 0.0021650635094611], |
| 53 [0, 0, 1, 0], | 62 [0, 1, 0, 0], |
| 54 [0, 0, 0, 1] | 63 [0.866025403784439, 0, 0.5, -0.00125], |
| 55 ], | 64 [-30, 30, 100, 0.75] |
| 56 "children": [ | |
| 57 { | |
| 58 "name": "LayoutBlockFlow (relative positioned) DIV id='gre
atgrandchild'", | |
| 59 "position": [100, 0], | |
| 60 "bounds": [250, 100], | |
| 61 "contentsOpaque": true, | |
| 62 "drawsContent": true, | |
| 63 "backgroundColor": "#008000", | |
| 64 "transform": [ | |
| 65 [0.5, 0, -0.866025403784439, 0.0021650635094611], | |
| 66 [0, 1, 0, 0], | |
| 67 [0.866025403784439, 0, 0.5, -0.00125], | |
| 68 [-30, 30, 100, 0.75] | |
| 69 ] | |
| 70 } | |
| 71 ] | |
| 72 } | |
| 73 ] | |
| 74 } | |
| 75 ] | |
| 76 } | |
| 77 ] | 65 ] |
| 78 } | 66 } |
| 79 ] | 67 ] |
| 80 } | 68 } |
| 81 | 69 |
| 82 Third dump layer tree: | 70 Third dump layer tree: |
| 83 { | 71 { |
| 84 "name": "Content Root Layer", | 72 "layers": [ |
| 85 "bounds": [785, 1574], | |
| 86 "children": [ | |
| 87 { | 73 { |
| 88 "name": "LayoutView #document", | 74 "name": "LayoutView #document", |
| 89 "bounds": [785, 1574], | 75 "bounds": [785, 1382], |
| 90 "contentsOpaque": true, | 76 "contentsOpaque": true, |
| 91 "drawsContent": true | 77 "drawsContent": true |
| 92 } | 78 } |
| 93 ] | 79 ] |
| 94 } | 80 } |
| 95 | 81 |
| OLD | NEW |