LayoutTests/compositing/overflow/out-of-flow-pos-descendants-should-affect-all-ancestors.html - Issue 20103002: Make composited scrolling codepaths co-operate.

Side by Side Diff: LayoutTests/compositing/overflow/out-of-flow-pos-descendants-should-affect-all-ancestors.html

Issue 20103002: Make composited scrolling codepaths co-operate. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: rebaseline TestExpectations Created 7 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 | Annotate | Revision Log

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5 div {	5 div {

6 height: 500px;	6 height: 500px;

7 width: 500px;	7 width: 500px;

8 padding: 3px;	8 padding: 3px;

9 border-style: solid;	9 border-style: solid;

10 border-color: black;	10 border-color: black;

(...skipping 10 matching lines...) Expand all Loading...
21 display: none;	21 display: none;

22 }	22 }

23 </style>	23 </style>

24 <script>	24 <script>

25 // This test ensures that when an element's style changes in such a	25 // This test ensures that when an element's style changes in such a

26 // way that it remains out-of-flow positioned, but its containing	26 // way that it remains out-of-flow positioned, but its containing

27 // block changes, we correctly update elements' has-unclipped-	27 // block changes, we correctly update elements' has-unclipped-

28 // descendant property. Since no layers will opt out due to stacking	28 // descendant property. Since no layers will opt out due to stacking

29 // issues, we can judge whether we're setting this state correctly	29 // issues, we can judge whether we're setting this state correctly

30 // by which layers opt-in.	30 // by which layers opt-in.

31 if (window.internals)	31 if (window.internals) {

32 window.internals.settings.setAcceleratedCompositingForOverflowSc rollEnabled(true);	32 window.internals.settings.setAcceleratedCompositingForOverflowSc rollEnabled(true);

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

	34 }

33	35

34 if (window.testRunner)	36 if (window.testRunner)

35 window.testRunner.dumpAsText();	37 window.testRunner.dumpAsText();

36	38

37 function doTest()	39 function doTest()

38 {	40 {

39 if (!window.internals) {	41 if (!window.internals) {

40 document.getElementById('toggle1').style.display = 'block';	42 document.getElementById('toggle1').style.display = 'block';

41 document.getElementById('toggle2').style.display = 'block';	43 document.getElementById('toggle2').style.display = 'block';

42 document.body.offsetTop;	44 document.body.offsetTop;

(...skipping 50 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
93 <div class="filler"></div>	95 <div class="filler"></div>

94 </div>	96 </div>

95 <div class="filler"></div>	97 <div class="filler"></div>

96 </div>	98 </div>

97 <pre id='console'>This test requires window.internals</pre>	99 <pre id='console'>This test requires window.internals</pre>

98	100

99 <button id='toggle1' onClick="document.getElementById('oofp1').style.pos ition = document.getElementById('oofp1').style.position === 'fixed' ? 'absolute' : 'fixed'">toggle 1</button>	101 <button id='toggle1' onClick="document.getElementById('oofp1').style.pos ition = document.getElementById('oofp1').style.position === 'fixed' ? 'absolute' : 'fixed'">toggle 1</button>

100 <button id='toggle2' onClick="document.getElementById('oofp2').style.pos ition = document.getElementById('oofp2').style.position === 'fixed' ? 'absolute' : 'fixed'">toggle 2</button>	102 <button id='toggle2' onClick="document.getElementById('oofp2').style.pos ition = document.getElementById('oofp2').style.position === 'fixed' ? 'absolute' : 'fixed'">toggle 2</button>

101 </body>	103 </body>

102 </html>	104 </html>

OLD	NEW