LayoutTests/compositing/squashing/universal-accelerated-overflow-scrolling-expected.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-expected.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:

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.internals) {

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

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

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

	36 }

	37

	38 function doTest() {

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

	40 container.scrollTop = container.scrollHeight;

	41 }

	42

	43 window.onload = doTest;

	44 </script>

	45 </head>

	46 <body>

	47 <div id="container">

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

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

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

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

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

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

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

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

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

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

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

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

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

	61 </div>

	62 </body>

	63 </html>

OLD	NEW