Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(60)

Side by Side Diff: third_party/WebKit/LayoutTests/compositing/squashing/squash-above-fixed-2-expected.txt

Issue 2406723002: Auto-rebaseline for r424089 (Closed)
Patch Set: Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 This scenario verifies that the cyan "container" element scrolls properly with s quashing enabled. The "container" element should not squash into a composited la yer mapping owned by the fixed position layer or its descendant, since this woul d make it behave like a fixed position element during composited scrolling. 1 This scenario verifies that the cyan "container" element scrolls properly with s quashing enabled. The "container" element should not squash into a composited la yer mapping owned by the fixed position layer or its descendant, since this woul d make it behave like a fixed position element during composited scrolling.
2 2
3 CASE 1, original layer tree: 3 CASE 1, original layer tree:
4 { 4 {
5 "name": "Content Root Layer", 5 "layers": [
6 "bounds": [785, 4050],
7 "children": [
8 { 6 {
9 "name": "LayoutView #document", 7 "name": "LayoutView #document",
10 "bounds": [785, 4050], 8 "bounds": [785, 4050],
11 "contentsOpaque": true, 9 "contentsOpaque": true,
10 "drawsContent": true
11 },
12 {
13 "name": "LayoutBlockFlow (positioned) DIV id='fixed'",
14 "bounds": [400, 200],
15 "contentsOpaque": true,
12 "drawsContent": true, 16 "drawsContent": true,
13 "children": [ 17 "backfaceVisibility": "hidden",
14 { 18 "backgroundColor": "#0000FF"
15 "name": "LayoutBlockFlow (positioned) DIV id='fixed'", 19 },
16 "bounds": [400, 200], 20 {
17 "contentsOpaque": true, 21 "name": "LayoutBlockFlow DIV id='compositedInsideFixed'",
18 "drawsContent": true, 22 "bounds": [50, 50],
19 "backfaceVisibility": "hidden", 23 "contentsOpaque": true,
20 "backgroundColor": "#0000FF", 24 "drawsContent": true,
21 "children": [ 25 "backfaceVisibility": "hidden",
22 { 26 "backgroundColor": "#FF0000"
23 "name": "LayoutBlockFlow DIV id='compositedInsideFixed'", 27 },
24 "bounds": [50, 50], 28 {
25 "contentsOpaque": true, 29 "name": "LayoutBlockFlow (positioned) DIV id='container'",
26 "drawsContent": true, 30 "position": [100, 50],
27 "backfaceVisibility": "hidden", 31 "bounds": [200, 4000],
28 "backgroundColor": "#FF0000" 32 "contentsOpaque": true,
29 } 33 "drawsContent": true,
30 ] 34 "backgroundColor": "#00FFFF"
31 },
32 {
33 "name": "LayoutBlockFlow (positioned) DIV id='container'",
34 "position": [100, 50],
35 "bounds": [200, 4000],
36 "contentsOpaque": true,
37 "drawsContent": true,
38 "backgroundColor": "#00FFFF"
39 }
40 ]
41 } 35 }
42 ] 36 ]
43 } 37 }
44 CASE 2, scrolling y to 80, the "container" element should remain positioned with respect to the scrolled document, the fixed-pos layer compensates for the new s croll position: 38 CASE 2, scrolling y to 80, the "container" element should remain positioned with respect to the scrolled document, the fixed-pos layer compensates for the new s croll position:
45 { 39 {
46 "name": "Content Root Layer", 40 "layers": [
47 "bounds": [785, 4050],
48 "children": [
49 { 41 {
50 "name": "LayoutView #document", 42 "name": "LayoutView #document",
51 "bounds": [785, 4050], 43 "bounds": [785, 4050],
52 "contentsOpaque": true, 44 "contentsOpaque": true,
45 "drawsContent": true
46 },
47 {
48 "name": "LayoutBlockFlow (positioned) DIV id='fixed'",
49 "position": [0, 80],
50 "bounds": [400, 200],
51 "contentsOpaque": true,
53 "drawsContent": true, 52 "drawsContent": true,
54 "children": [ 53 "backfaceVisibility": "hidden",
55 { 54 "backgroundColor": "#0000FF"
56 "name": "LayoutBlockFlow (positioned) DIV id='fixed'", 55 },
57 "position": [0, 80], 56 {
58 "bounds": [400, 200], 57 "name": "LayoutBlockFlow DIV id='compositedInsideFixed'",
59 "contentsOpaque": true, 58 "bounds": [50, 50],
60 "drawsContent": true, 59 "contentsOpaque": true,
61 "backfaceVisibility": "hidden", 60 "drawsContent": true,
62 "backgroundColor": "#0000FF", 61 "backfaceVisibility": "hidden",
63 "children": [ 62 "backgroundColor": "#FF0000"
64 { 63 },
65 "name": "LayoutBlockFlow DIV id='compositedInsideFixed'", 64 {
66 "bounds": [50, 50], 65 "name": "LayoutBlockFlow (positioned) DIV id='container'",
67 "contentsOpaque": true, 66 "position": [100, 50],
68 "drawsContent": true, 67 "bounds": [200, 4000],
69 "backfaceVisibility": "hidden", 68 "contentsOpaque": true,
70 "backgroundColor": "#FF0000" 69 "drawsContent": true,
71 } 70 "backgroundColor": "#00FFFF"
72 ]
73 },
74 {
75 "name": "LayoutBlockFlow (positioned) DIV id='container'",
76 "position": [100, 50],
77 "bounds": [200, 4000],
78 "contentsOpaque": true,
79 "drawsContent": true,
80 "backgroundColor": "#00FFFF"
81 }
82 ]
83 } 71 }
84 ] 72 ]
85 } 73 }
86 74
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698