Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(13)

Side by Side Diff: LayoutTests/compositing/squashing/overflow-scroll-grandchildren.html

Issue 219223008: Revert of Revert of Put the squashing layer underneath the ancestor clipping layer if present. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 8 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 | « no previous file | LayoutTests/compositing/squashing/overflow-scroll-grandchildren-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <style>
3 #container {
4 width: 300px;
5 height: 300px;
6 border: 1px solid black;
7 overflow: scroll;
8 }
9
10 #overlapper {
11 position: fixed;
12 background-color: red;
13 width: 50px;
14 height: 200px;
15 left: 20px;
16 top: 20px;
17 -webkit-transform: translateZ(0);
18 }
19
20 #subcontainer {
21 height: 500px
22 }
23
24 .child {
25 position: relative;
26 top: 5px;
27 left: 5px;
28 background-color: green;
29 height: 35px;
30 width: 35px;
31 margin: 50px;
32 }
33
34 .grandchild {
35 position: relative;
36 top: 5px;
37 left: 5px;
38 background-color: blue;
39 height: 10px;
40 width: 10px;
41 }
42 </style>
43
44 <div id="overlapper"></div>
45 <div id="container">
46 <div id="subcontainer">
47 <div class="child">
48 <div class="grandchild"></div>
49 </div>
50 <div class="child">
51 <div class="grandchild"></div>
52 </div>
53 </div>
54 </div>
55 <script>
56 if (window.internals)
57 window.internals.settings.setLayerSquashingEnabled(true);
58
59 // Scroll so that one of the grandchildren boxes is half clipped by the overflow :scroll div.
60 var container = document.getElementById("container");
61 container.scrollTop = 65;
62 </script>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/compositing/squashing/overflow-scroll-grandchildren-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698