LayoutTests/compositing/squashing/universal-accelerated-overflow-scrolling.html - Issue 131543013: Update scroll parent correctly for squashing layers.

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/squashing/universal-accelerated-overflow-scrolling.html

Issue 131543013: Update scroll parent correctly for squashing layers. (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: . Created 6 years, 9 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 | « LayoutTests/compositing/content-changed-chicken-egg-expected.html ('k') | LayoutTests/compositing/squashing/universal-accelerated-overflow-scrolling-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

	4 <style>

	5 #container {

	6 width: 300px;

	7 height: 300px;

	8 border: 3px solid black;

	9 overflow: scroll;

	10 }

	11

	12 .card {

	13 width: 100px;

	14 height: 100px;

	15 margin: 5px;

	16 }

	17

	18 .fixed {

	19 position: fixed;

	20 background: blue;

	21 z-index: 1;

	22 left: 80px;

	23 top: 80px;

	24 }

	25

	26 .scrolled {

	27 position: relative;

	28 background: green;

	29 }

	30 </style>

	31 <script>

	32 if (window.testRunner)

	33 testRunner.dumpAsTextWithPixelResults();

	34

	35 if (window.internals) {

	36 window.internals.settings.setAcceleratedCompositingForFixedPositionEna bled(true);

	37 window.internals.settings.setAcceleratedCompositingForOverflowScrollEn abled(true);

	38 window.internals.settings.setCompositorDrivenAcceleratedScrollingEnabl ed(true);

	39 window.internals.settings.setLayerSquashingEnabled(true);

	40 }

	41

	42 function doTest() {

	43 var container = document.getElementById("container");

	44 container.scrollTop = container.scrollHeight;

	45

	46 // FIXME: this is a hack to work around repainting issues with squashing .

	47 // See http://crbug.com/351790

	48 var scrolledCards = document.getElementsByClassName('scrolled');

	49 for (var i = 0; i < scrolledCards.length; i++) {

	50 scrolledCards[i].style.backgroundColor = '#ccc';

	51 }

	52 window.internals.forceCompositingUpdate(document);

	53 for (var i = 0; i < scrolledCards.length; i++) {

	54 scrolledCards[i].style.backgroundColor = 'green';

	55 }

	56 }

	57

	58 window.onload = doTest;

	59 </script>

	60 </head>

	61 <body>

	62 <div id="container">

	63 <div class="fixed card"></div>

	64 <div class="scrolled card"></div>

	65 <div class="scrolled card"></div>

	66 <div class="scrolled card"></div>

	67 <div class="scrolled card"></div>

	68 <div class="scrolled card"></div>

	69 <div class="scrolled card"></div>

	70 <div class="scrolled card"></div>

	71 <div class="scrolled card"></div>

	72 <div class="scrolled card"></div>

	73 <div class="scrolled card"></div>

	74 <div class="scrolled card"></div>

	75 <div class="scrolled card"></div>

	76 </div>

	77 </body>

	78 </html>

OLD	NEW