DevTools listening on ws://127.0.0.1:34295/devtools/browser/43a09af1-9afd-49ae-9abd-8cceecb72a1e [238537:238537:0110/143729.277351:INFO:property_tree.cc(1845)] ElementIsAnimatingChanged [238537:238537:0110/143729.277418:INFO:property_tree.cc(1865)] 0 was not found in map [238537:238537:0110/143729.277437:INFO:property_tree.cc(1865)] 1 was not found in map [238537:238537:0110/143729.277452:INFO:property_tree.cc(1865)] 2 was not found in map [238537:238537:0110/143729.277467:INFO:property_tree.cc(1851)] !mask.currently_running[3] && !mask.potentially_animating[3] [238537:238537:0110/143729.277484:INFO:property_tree.cc(1851)] !mask.currently_running[4] && !mask.potentially_animating[4] [238537:238537:0110/143729.277500:INFO:property_tree.cc(1851)] !mask.currently_running[5] && !mask.potentially_animating[5] [238537:238537:0110/143729.277515:INFO:property_tree.cc(1851)] !mask.currently_running[6] && !mask.potentially_animating[6] Error: unrecognized flag --experimental_extras Try --help for options Error: unrecognized flag --experimental_extras Try --help for options [238537:238537:0110/143729.306070:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 1 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 2, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": true, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 1, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 1, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 } ] } } cc::LayerImpls: [ { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(3)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(1)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 1, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(5)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 5, "LayerType": "cc::SurfaceLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 } ] [1:1:0110/143729.508228:VERBOSE3:layer_tree_host.cc(806)] After updating layers on the main thread: property trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 5 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 81, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 18 }, "id": 2, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 1, "scrollable": true, "should_flatten": false, "transform_id": 4, "user_scrollable_horizontal": true, "user_scrollable_vertical": true }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 114 }, "id": 3, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 2, "scrollable": true, "should_flatten": false, "transform_id": 6, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 2, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 }, { "element_id": { "id_": 27 }, "flattens_inherited_transform": 0, "id": 2, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 1 }, { "element_id": { "id_": 16 }, "flattens_inherited_transform": 0, "id": 3, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 2, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 2 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 4, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 3, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 3 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 5, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 4, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 4 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 6, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 5, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 5 } ] } } cc::Layers: layer_id: 12 Bounds: 0x0 ElementId: (0) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 1 layer_id: 2 Bounds: 800x600 ElementId: (0) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 1 layer_id: 3 Bounds: 0x0 ElementId: (16) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 3 layer_id: 4 Bounds: 800x600 ElementId: (18) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 1 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 2 transform_tree_index: 4 layer_id: 9 Bounds: 800x600 ElementId: (112) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 2 transform_tree_index: 5 layer_id: 11 Bounds: 800x600 ElementId: (114) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 1 clip_tree_index: 2 effect_tree_index: 1 scroll_tree_index: 3 transform_tree_index: 6 [1:8:0110/143729.509757:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 5 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 81, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 18 }, "id": 2, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 1, "scrollable": true, "should_flatten": false, "transform_id": 4, "user_scrollable_horizontal": true, "user_scrollable_vertical": true }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 114 }, "id": 3, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 2, "scrollable": true, "should_flatten": false, "transform_id": 6, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 2, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 }, { "element_id": { "id_": 27 }, "flattens_inherited_transform": 0, "id": 2, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 1 }, { "element_id": { "id_": 16 }, "flattens_inherited_transform": 0, "id": 3, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 2, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 2 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 4, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 3, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 3 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 5, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 4, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 4 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 6, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 5, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 5 } ] } } cc::LayerImpls: [ { "Bounds": [ 0, 0 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 12, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 0, 0 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(16)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 3 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(18)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 4, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Scrollable": true, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 2, "transform_tree_index": 4 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(112)", "HitTestableWithoutDrawsContent": true, "Is3dSorted": false, "LayerId": 9, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 2, "transform_tree_index": 5 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(114)", "HitTestableWithoutDrawsContent": true, "Is3dSorted": false, "LayerId": 11, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Scrollable": true, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 1, "scroll_tree_index": 3, "transform_tree_index": 6 } ] [238537:238537:0110/143729.522115:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 1 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 2, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 1, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 1, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 } ] } } cc::LayerImpls: [ { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(3)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(1)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 1, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(5)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 5, "LayerType": "cc::SurfaceLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 } ] [238537:238537:0110/143729.539062:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 1 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 2, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 1, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 1, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 } ] } } cc::LayerImpls: [ { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(3)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(1)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 1, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(5)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 5, "LayerType": "cc::SurfaceLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 } ] [1:1:0110/143729.545696:INFO:property_tree.cc(1845)] ElementIsAnimatingChanged [1:1:0110/143729.545834:INFO:property_tree.cc(1875)] Setting transform_node->is_currently_animating = 1 [1:1:0110/143729.545895:INFO:property_tree.cc(1880)] Setting transform_node->has_potential_animation = 1 [1:1:0110/143729.545950:INFO:property_tree.cc(1883)] Setting transform_node->has_only_translation_animations = 1 [1:1:0110/143729.546004:INFO:property_tree.cc(1851)] !mask.currently_running[1] && !mask.potentially_animating[1] [1:1:0110/143729.546058:INFO:property_tree.cc(1851)] !mask.currently_running[2] && !mask.potentially_animating[2] [1:1:0110/143729.546110:INFO:property_tree.cc(1851)] !mask.currently_running[3] && !mask.potentially_animating[3] [1:1:0110/143729.546163:INFO:property_tree.cc(1851)] !mask.currently_running[4] && !mask.potentially_animating[4] [1:1:0110/143729.546215:INFO:property_tree.cc(1851)] !mask.currently_running[5] && !mask.potentially_animating[5] [1:1:0110/143729.546267:INFO:property_tree.cc(1851)] !mask.currently_running[6] && !mask.potentially_animating[6] [238537:238537:0110/143729.555428:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 1 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 2, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 1, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 1, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 } ] } } cc::LayerImpls: [ { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(3)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": false, "ElementId": "(1)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 1, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(5)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 5, "LayerType": "cc::SurfaceLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 2, "scroll_tree_index": 1, "transform_tree_index": 1 } ] [1:1:0110/143729.555628:VERBOSE3:layer_tree_host.cc(806)] After updating layers on the main thread: property trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 5 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 81, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 2, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 196, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 8, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 2, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 3, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 2, "stable_id": 198, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 8, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 18 }, "id": 2, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 1, "scrollable": true, "should_flatten": false, "transform_id": 4, "user_scrollable_horizontal": true, "user_scrollable_vertical": true }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 162 }, "id": 3, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 2, "scrollable": true, "should_flatten": false, "transform_id": 6, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 5, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 }, { "element_id": { "id_": 27 }, "flattens_inherited_transform": 0, "id": 2, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 1 }, { "element_id": { "id_": 16 }, "flattens_inherited_transform": 0, "id": 3, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 2, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 2 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 4, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 3, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 3 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 5, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 4, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 4 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 6, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 5, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 5 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 7, "local": [ 1, 0, 0, 58, 0, 1, 0, 58, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 6, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 6 }, { "element_id": { "id_": 197 }, "flattens_inherited_transform": 1, "id": 8, "local": [ 1, -1, 0, 0, 1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 7, "post_local": [ 1, 0, 0, 53, 0, 1, 0, 53, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, -53, 0, 1, 0, -53, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 7 } ] } } cc::Layers: layer_id: 17 Bounds: 0x0 ElementId: (0) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 1 layer_id: 2 Bounds: 800x600 ElementId: (0) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 1 layer_id: 3 Bounds: 0x0 ElementId: (16) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 1 transform_tree_index: 3 layer_id: 4 Bounds: 800x600 ElementId: (18) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 1 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 2 transform_tree_index: 4 layer_id: 13 Bounds: 800x600 ElementId: (160) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 0 clip_tree_index: 1 effect_tree_index: 1 scroll_tree_index: 2 transform_tree_index: 5 layer_id: 16 Bounds: 800x600 ElementId: (162) OffsetToTransformParent: [0.000000 0.000000] Position: 0.000000,0.000000 scrollable: 1 clip_tree_index: 2 effect_tree_index: 1 scroll_tree_index: 3 transform_tree_index: 6 layer_id: 14 Bounds: 106x106 ElementId: (192) OffsetToTransformParent: [0.000000 0.000000] Position: 58.000000,58.000000 scrollable: 0 clip_tree_index: 2 effect_tree_index: 3 scroll_tree_index: 3 transform_tree_index: 8 [1:8:0110/143729.556481:INFO:property_tree.cc(1845)] ElementIsAnimatingChanged [1:8:0110/143729.556663:INFO:property_tree.cc(1875)] Setting transform_node->is_currently_animating = 1 [1:8:0110/143729.556770:INFO:property_tree.cc(1880)] Setting transform_node->has_potential_animation = 1 [1:8:0110/143729.556860:INFO:property_tree.cc(1883)] Setting transform_node->has_only_translation_animations = 1 [1:8:0110/143729.556945:INFO:property_tree.cc(1851)] !mask.currently_running[1] && !mask.potentially_animating[1] [1:8:0110/143729.557031:INFO:property_tree.cc(1851)] !mask.currently_running[2] && !mask.potentially_animating[2] [1:8:0110/143729.557117:INFO:property_tree.cc(1851)] !mask.currently_running[3] && !mask.potentially_animating[3] [1:8:0110/143729.557202:INFO:property_tree.cc(1851)] !mask.currently_running[4] && !mask.potentially_animating[4] [1:8:0110/143729.557288:INFO:property_tree.cc(1851)] !mask.currently_running[5] && !mask.potentially_animating[5] [1:8:0110/143729.557373:INFO:property_tree.cc(1851)] !mask.currently_running[6] && !mask.potentially_animating[6] [1:8:0110/143729.557614:VERBOSE3:layer_tree_host.cc(377)] After finishing commit on impl, the sync tree: property_trees: { "clip_tree": { "nodes": [ { "clip": [ 0, 0, 0, 0 ], "clip_type": 0, "id": 0, "parent_id": -1, "transform_id": -1 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 1, "parent_id": 0, "transform_id": 0 }, { "clip": [ 0, 0, 800, 600 ], "clip_type": 0, "id": 2, "parent_id": 1, "transform_id": 5 } ] }, "effect_tree": { "nodes": [ { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 0, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 0, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 0, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 1, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": false, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": true, "id": 1, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": -1, "stable_id": 81, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 0, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 2, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 2, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 1, "stable_id": 196, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 8, "trilinear_filtering": false }, { "backdrop_filter_quality": 1, "blend_mode": "SrcOver", "cache_render_surface": false, "clip_id": 2, "closest_ancestor_with_cached_render_surface_id": -1, "closest_ancestor_with_copy_request_id": -1, "double_sided": true, "effect_changed": false, "has_copy_request": false, "has_potential_filter_animation": false, "has_potential_opacity_animation": false, "has_render_surface": false, "id": 3, "is_drawn": true, "mask_layer_id": -1, "opacity": 1, "parent_id": 2, "stable_id": 198, "subtree_has_copy_request": 0, "target_id": 1, "transform_id": 8, "trilinear_filtering": false } ] }, "scroll_tree": { "nodes": [ { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 0, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": -1, "scrollable": false, "should_flatten": false, "transform_id": 0, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 0, "width": 0 }, "container_bounds": { "height": 0, "width": 0 }, "element_id": { "id_": 0 }, "id": 1, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 0, "scrollable": false, "should_flatten": false, "transform_id": 1, "user_scrollable_horizontal": false, "user_scrollable_vertical": false }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 18 }, "id": 2, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 1, "scrollable": true, "should_flatten": false, "transform_id": 4, "user_scrollable_horizontal": true, "user_scrollable_vertical": true }, { "bounds": { "height": 600, "width": 800 }, "container_bounds": { "height": 600, "width": 800 }, "element_id": { "id_": 162 }, "id": 3, "offset_to_transform_parent": [ 0, 0 ], "overscroll_behavior_x": 1, "overscroll_behavior_y": 1, "parent_id": 2, "scrollable": true, "should_flatten": false, "transform_id": 6, "user_scrollable_horizontal": true, "user_scrollable_vertical": true } ] }, "sequence_number": 5, "transform_tree": { "nodes": [ { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 0, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": -1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": -1 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 1, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 0, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 0 }, { "element_id": { "id_": 27 }, "flattens_inherited_transform": 0, "id": 2, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 1, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 1 }, { "element_id": { "id_": 16 }, "flattens_inherited_transform": 0, "id": 3, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 2, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 2 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 0, "id": 4, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 3, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 3 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 5, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 4, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 4 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 6, "local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 5, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 5 }, { "element_id": { "id_": 0 }, "flattens_inherited_transform": 1, "id": 7, "local": [ 1, 0, 0, 58, 0, 1, 0, 58, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 6, "post_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 6 }, { "element_id": { "id_": 197 }, "flattens_inherited_transform": 1, "id": 8, "local": [ 1, -1, 0, 0, 1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "parent_id": 7, "post_local": [ 1, 0, 0, 53, 0, 1, 0, 53, 0, 0, 1, 0, 0, 0, 0, 1 ], "pre_local": [ 1, 0, 0, -53, 0, 1, 0, -53, 0, 0, 1, 0, 0, 0, 0, 1 ], "scroll_offset": [ 0, 0 ], "snap_amount": [ 0, 0 ], "sorting_context_id": 0, "source_node_id": 7 } ] } } cc::LayerImpls: [ { "Bounds": [ 0, 0 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 17, "LayerType": "cc::LayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 2, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 1 }, { "Bounds": [ 0, 0 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(16)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 3, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 1, "transform_tree_index": 3 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(18)", "HitTestableWithoutDrawsContent": false, "Is3dSorted": false, "LayerId": 4, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Scrollable": true, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 2, "transform_tree_index": 4 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": false, "DrawsContent": false, "ElementId": "(160)", "HitTestableWithoutDrawsContent": true, "Is3dSorted": false, "LayerId": 13, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 1, "effect_tree_index": 1, "scroll_tree_index": 2, "transform_tree_index": 5 }, { "Bounds": [ 800, 600 ], "ContentsOpaque": true, "DrawsContent": true, "ElementId": "(162)", "HitTestableWithoutDrawsContent": true, "Is3dSorted": false, "LayerId": 16, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Scrollable": true, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 1, "scroll_tree_index": 3, "transform_tree_index": 6 }, { "Bounds": [ 106, 106 ], "ContentsOpaque": false, "DrawsContent": true, "ElementId": "(192)", "HitTestableWithoutDrawsContent": true, "Is3dSorted": false, "LayerId": 14, "LayerType": "cc::PictureLayerImpl", "OffsetToTransformParent": [ 0, 0 ], "Opacity": 1, "Transform": [ 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1 ], "clip_tree_index": 2, "effect_tree_index": 3, "scroll_tree_index": 3, "transform_tree_index": 8 } ] [1:8:0110/143729.560942:INFO:property_tree.cc(1845)] ElementIsAnimatingChanged [1:8:0110/143729.561076:INFO:property_tree.cc(1875)] Setting transform_node->is_currently_animating = 1 [1:8:0110/143729.561169:INFO:property_tree.cc(1880)] Setting transform_node->has_potential_animation = 1 [1:8:0110/143729.561255:INFO:property_tree.cc(1883)] Setting transform_node->has_only_translation_animations = 1 [1:8:0110/143729.561341:INFO:property_tree.cc(1851)] !mask.currently_running[1] && !mask.potentially_animating[1] [1:8:0110/143729.561428:INFO:property_tree.cc(1851)] !mask.currently_running[2] && !mask.potentially_animating[2] [1:8:0110/143729.561514:INFO:property_tree.cc(1851)] !mask.currently_running[3] && !mask.potentially_animating[3] [1:8:0110/143729.561599:INFO:property_tree.cc(1851)] !mask.currently_running[4] && !mask.potentially_animating[4] [1:8:0110/143729.561683:INFO:property_tree.cc(1851)] !mask.currently_running[5] && !mask.potentially_animating[5] [1:8:0110/143729.561766:INFO:property_tree.cc(1851)] !mask.currently_running[6] && !mask.potentially_animating[6]