LayoutTests/compositing/layer-creation/fixed-position-change-out-of-view-in-view.html - Issue 13828004: Avoid compositing fixed-position elements if they cannot scroll

Side by Side Diff: LayoutTests/compositing/layer-creation/fixed-position-change-out-of-view-in-view.html

Issue 13828004: Avoid compositing fixed-position elements if they cannot scroll (Closed) Base URL: svn://svn.chromium.org/blink/trunk

Patch Set: Rebased and addressed feedback Created 7 years, 7 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/geometry/fixed-position-composited-switch-expected.txt ('k') | LayoutTests/compositing/layer-creation/fixed-position-change-out-of-view-in-view-expected.txt » ('j') | Source/core/rendering/RenderLayerCompositor.cpp » ('J')
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 <style>	5 <style>

6 #fixed1, #fixed2 {	6 #fixed1, #fixed2 {

7 background-color: silver;	7 background-color: silver;

8 }	8 }

9 </style>	9 </style>

10 <script type="text/javascript">	10 <script type="text/javascript">

11 if (window.testRunner && window.internals) {	11 if (window.testRunner && window.internals) {

12 testRunner.dumpAsText();	12 testRunner.dumpAsText();

13 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);	13 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);

14 internals.settings.setFixedPositionCreatesStackingContext(true);	14 internals.settings.setFixedPositionCreatesStackingContext(true);

15	15

16 addEventListener("load", function() {	16 addEventListener("load", function() {

17 document.getElementById("layerTree1").innerText = internals.layerTreeAsT ext(document);	17 document.getElementById("layerTree1").innerText = internals.layerTreeAsT ext(document);

18 document.getElementById("fixed1").style.top = "50px";	18 document.getElementById("fixed1").style.top = "50px";

19 document.getElementById("fixed2").style.height = "10px";	19 document.getElementById("fixed2").style.height = "10px";

20 document.getElementById("layerTree2").innerText = internals.layerTreeAsT ext(document);	20 document.getElementById("layerTree2").innerText = internals.layerTreeAsT ext(document);

21 document.getElementById("fixed1").style.top = "-100px";	21 document.getElementById("fixed1").style.top = "-100px";

22 document.getElementById("fixed2").style.height = "0px";	22 document.getElementById("fixed2").style.height = "0px";

23 document.getElementById("layerTree3").innerText = internals.layerTreeAsT ext(document);	23 document.getElementById("layerTree3").innerText = internals.layerTreeAsT ext(document);

24 }, false);	24 }, false);

25 }	25 }

26 </script>	26 </script>

27 </head>	27 </head>

28	28

29 <body>	29 <!-- Fixed position elements may skip compositing without a scrollable

	30 ancestor. To make sure this test covers the intended scenario, we force the

	31 body element to be tall, so that the FrameView is scrolling. -->

	32 <body style="height: 4000px;">

30 Layer tree when the fixed elements are out-of-view (should be blank):	33 Layer tree when the fixed elements are out-of-view (should be blank):

31 <pre id="layerTree1"></pre>	34 <pre id="layerTree1"></pre>

32 Layer tree when the fixed elements are in-view (both fixed elements should hav e layers):	35 Layer tree when the fixed elements are in-view (both fixed elements should hav e layers):

33 <pre id="layerTree2"></pre>	36 <pre id="layerTree2"></pre>

34 Layer tree when the fixed elements are out-of-view again (should be blank):	37 Layer tree when the fixed elements are out-of-view again (should be blank):

35 <pre id="layerTree3"></pre>	38 <pre id="layerTree3"></pre>

36 <div id="fixed1" style="position: fixed; top: -100px; left: 100px; width: 10px ; height: 10px"></div>	39 <div id="fixed1" style="position: fixed; top: -100px; left: 100px; width: 10px ; height: 10px"></div>

37 <div id="fixed2" style="position: fixed; top: 100px; left: 100px; width: 10px; height: 0px"></div>	40 <div id="fixed2" style="position: fixed; top: 100px; left: 100px; width: 10px; height: 0px"></div>

38 </body>	41 </body>

39 </html>	42 </html>

40	43

OLD	NEW