LayoutTests/compositing/layer-creation/fixed-position-out-of-view-positioning.html - Issue 191693002: Delay scrollContents until the next paint

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/layer-creation/fixed-position-out-of-view-positioning.html

Issue 191693002: Delay scrollContents until the next paint (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: fix nit 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/iframes/resources/fixed-position-transformed-subframe.html ('k') | LayoutTests/compositing/repaint/fixed-pos-inside-composited-intermediate-layer.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2	2

3 <html>	3 <html>

4 <head>	4 <head>

	5 <script src="../../resources/run-after-display.js"></script>

5 <style>	6 <style>

6 .fixed {	7 .fixed {

7 position: fixed;	8 position: fixed;

8 width: 50px;	9 width: 50px;

9 height: 50px;	10 height: 50px;

10 background-color: silver;	11 background-color: silver;

11 }	12 }

12	13

13 .positionedAndTransformed {	14 .positionedAndTransformed {

14 left: 20px;	15 left: 20px;

15 top: -80px;	16 top: -80px;

16 -webkit-transform: translateY(100px);	17 -webkit-transform: translateY(100px);

17 }	18 }

18 </style>	19 </style>

19	20

20 <script type="text/javascript">	21 <script type="text/javascript">

21 function doTest() {	22 function doTest() {

22 if (!window.testRunner)	23 if (!window.testRunner)

23 return;	24 return;

24	25

25 testRunner.dumpAsText();	26 testRunner.dumpAsText();

	27 testRunner.waitUntilDone();

26	28

27 document.getElementById("layertree1").innerText = window.internals.layerTr eeAsText(document);	29 document.getElementById("layertree1").innerText = window.internals.layerTr eeAsText(document);

28 window.scrollTo(0, 10);	30 window.scrollTo(0, 10);

29	31

30 document.getElementById("layertree2").innerText = window.internals.layerTr eeAsText(document);	32 runAfterDisplay(function() {

	33 document.getElementById("layertree2").innerText = window.internals.layer TreeAsText(document);

	34 testRunner.notifyDone();

	35 });

31 }	36 }

32	37

33 if (window.internals)	38 if (window.internals)

34 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled (true);	39 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled (true);

35	40

36 window.onload = doTest;	41 window.onload = doTest;

37 </script>	42 </script>

38 </head>	43 </head>

39	44

40 <body>	45 <body>

(...skipping 16 matching lines...) Expand all Loading...
57 BEFORE:	62 BEFORE:

58 <pre id="layertree1"></pre>	63 <pre id="layertree1"></pre>

59 AFTER:	64 AFTER:

60 <pre id="layertree2"></pre>	65 <pre id="layertree2"></pre>

61 </div>	66 </div>

62	67

63 <div class="positionedAndTransformed fixed"></div>	68 <div class="positionedAndTransformed fixed"></div>

64 </body>	69 </body>

65 </html>	70 </html>

66	71

OLD	NEW