| OLD | NEW |
|---|
| 1 CASE 1, original layer tree | 1 CASE 1, original layer tree |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", |
| 3 "bounds": [800, 600], | 4 "bounds": [800, 600], |
| 4 "children": [ | 5 "children": [ |
| 5 { | 6 { |
| 7 "name": "LayoutView #document", |
| 6 "bounds": [800, 600], | 8 "bounds": [800, 600], |
| 7 "contentsOpaque": true, | 9 "contentsOpaque": true, |
| 8 "drawsContent": true, | 10 "drawsContent": true, |
| 9 "children": [ | 11 "children": [ |
| 10 { | 12 { |
| 13 "name": "Squashing Containment Layer", |
| 11 "shouldFlattenTransform": false, | 14 "shouldFlattenTransform": false, |
| 12 "children": [ | 15 "children": [ |
| 13 { | 16 { |
| 17 "name": "LayoutBlockFlow (positioned) DIV class='composited box be
hind'", |
| 14 "position": [50, 50], | 18 "position": [50, 50], |
| 15 "bounds": [100, 100], | 19 "bounds": [100, 100], |
| 16 "contentsOpaque": true, | 20 "contentsOpaque": true, |
| 17 "drawsContent": true, | 21 "drawsContent": true, |
| 18 "backgroundColor": "#0000FF" | 22 "backgroundColor": "#0000FF" |
| 19 }, | 23 }, |
| 20 { | 24 { |
| 25 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV class='box top')", |
| 21 "position": [130, 130], | 26 "position": [130, 130], |
| 22 "bounds": [100, 100], | 27 "bounds": [100, 100], |
| 23 "drawsContent": true | 28 "drawsContent": true |
| 24 } | 29 } |
| 25 ] | 30 ] |
| 26 } | 31 } |
| 27 ] | 32 ] |
| 28 } | 33 } |
| 29 ] | 34 ] |
| 30 } | 35 } |
| 31 CASE 2, change color of "inner" to red | 36 CASE 2, change color of "inner" to red |
| 32 { | 37 { |
| 38 "name": "Content Root Layer", |
| 33 "bounds": [800, 600], | 39 "bounds": [800, 600], |
| 34 "children": [ | 40 "children": [ |
| 35 { | 41 { |
| 42 "name": "LayoutView #document", |
| 36 "bounds": [800, 600], | 43 "bounds": [800, 600], |
| 37 "contentsOpaque": true, | 44 "contentsOpaque": true, |
| 38 "drawsContent": true, | 45 "drawsContent": true, |
| 39 "children": [ | 46 "children": [ |
| 40 { | 47 { |
| 48 "name": "Squashing Containment Layer", |
| 41 "shouldFlattenTransform": false, | 49 "shouldFlattenTransform": false, |
| 42 "children": [ | 50 "children": [ |
| 43 { | 51 { |
| 52 "name": "LayoutBlockFlow (positioned) DIV class='composited box be
hind'", |
| 44 "position": [50, 50], | 53 "position": [50, 50], |
| 45 "bounds": [100, 100], | 54 "bounds": [100, 100], |
| 46 "contentsOpaque": true, | 55 "contentsOpaque": true, |
| 47 "drawsContent": true, | 56 "drawsContent": true, |
| 48 "backgroundColor": "#0000FF" | 57 "backgroundColor": "#0000FF" |
| 49 }, | 58 }, |
| 50 { | 59 { |
| 60 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV class='box top')", |
| 51 "position": [130, 130], | 61 "position": [130, 130], |
| 52 "bounds": [100, 100], | 62 "bounds": [100, 100], |
| 53 "drawsContent": true, | 63 "drawsContent": true, |
| 54 "paintInvalidations": [ | 64 "paintInvalidations": [ |
| 55 { | 65 { |
| 56 "object": "LayoutBlockFlow (positioned) DIV id='inner'", | 66 "object": "LayoutBlockFlow (positioned) DIV id='inner'", |
| 57 "rect": [10, 10, 50, 50], | 67 "rect": [10, 10, 50, 50], |
| 58 "reason": "style change" | 68 "reason": "style change" |
| 59 } | 69 } |
| 60 ] | 70 ] |
| 61 } | 71 } |
| 62 ] | 72 ] |
| 63 } | 73 } |
| 64 ] | 74 ] |
| 65 } | 75 } |
| 76 ], |
| 77 "objectPaintInvalidations": [ |
| 78 { |
| 79 "object": "LayoutBlockFlow (positioned) DIV id='inner'", |
| 80 "reason": "style change" |
| 81 } |
| 66 ] | 82 ] |
| 67 } | 83 } |
| 68 | 84 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2084643002:
Auto-rebaseline for r400605 (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master