LayoutTests/compositing/overflow/do-not-opt-non-stacking-context-descendants-into-composited-scrolling.html - Issue 22419002: Set up clip and scroll parents on the blink side.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: LayoutTests/compositing/overflow/do-not-opt-non-stacking-context-descendants-into-composited-scrolling.html

Issue 22419002: Set up clip and scroll parents on the blink side. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Created 7 years, 4 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 | Annotate | Revision Log

« no previous file with comments | « no previous file | LayoutTests/compositing/overflow/opt-in-all-layers-after-unclipped-descendant.html » ('j') | Source/core/page/scrolling/ScrollingCoordinator.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html>	1 <html>

2 <head>	2 <head>

3 <style>	3 <style>

4 .container {	4 .container {

5 width: 400px;	5 width: 400px;

6 height: 400px;	6 height: 400px;

7 overflow: scroll;	7 overflow: scroll;

8 margin: 20px;	8 margin: 20px;

9 border: 1px solid black;	9 border: 1px solid black;

10 position: relative;	10 position: relative;

(...skipping 53 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
64 'needlessly. Only the immediate child of an ' +	64 'needlessly. Only the immediate child of an ' +

65 'overflow-scroll div, or an unclipped ' +	65 'overflow-scroll div, or an unclipped ' +

66 'descendant, need to be promoted.\n\n';	66 'descendant, need to be promoted.\n\n';

67 var text = document.createTextNode(testDescription);	67 var text = document.createTextNode(testDescription);

68 pre.appendChild(text);	68 pre.appendChild(text);

69	69

70 if(window.internals) {	70 if(window.internals) {

71 var layerTree = window.internals.layerTreeAsText(document);	71 var layerTree = window.internals.layerTreeAsText(document);

72 text = document.createTextNode(layerTree + '\n');	72 text = document.createTextNode(layerTree + '\n');

73 pre.appendChild(text);	73 pre.appendChild(text);

74 window.internals.settings.setCompositorDrivenAcceleratedScrollin gEnabled(false);

75 }	74 }

76 }	75 }

77	76

78 window.onload = doTest;	77 window.onload = doTest;

79 </script>	78 </script>

80 </head>	79 </head>

81	80

82 <body>	81 <body>

83 <div class='positioned' id='predecessor'></div>	82 <div class='positioned' id='predecessor'></div>

84 <div class='container'>	83 <div class='container'>

85 <div class='scrolled'>	84 <div class='scrolled'>

86 <div class='descendant'></div>	85 <div class='descendant'></div>

87 </div>	86 </div>

88 <div class='scrolled' style='z-index:2;'>	87 <div class='scrolled' style='z-index:2;'>

89 <div class='descendant'></div>	88 <div class='descendant'></div>

90 <div class='descendant' style='position:fixed'></div>	89 <div class='descendant' style='position:fixed'></div>

91 </div>	90 </div>

92 <div class='scrolled' style='background-color: blue; position: absolute' >	91 <div class='scrolled' style='background-color: blue; position: absolute' >

93 <div class='descendant'></div>	92 <div class='descendant'></div>

94 </div>	93 </div>

95 </div>	94 </div>

96 <div class='positioned' id='successor'></div>	95 <div class='positioned' id='successor'></div>

97 <pre id='console'></pre>	96 <pre id='console'></pre>

98 </body>	97 </body>

99 </html>	98 </html>

OLD	NEW