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

Side by Side Diff: LayoutTests/compositing/overflow/opt-in-all-layers-after-unclipped-descendant.html

Issue 22419002: Set up clip and scroll parents on the blink side. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: rebase Created 7 years, 4 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
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style> 3 <style>
4 .container { 4 .container {
5 width: 400px; 5 width: 400px;
6 height: 400px; 6 height: 400px;
7 overflow: scroll; 7 overflow: scroll;
8 margin: 20px; 8 margin: 20px;
9 border: 1px solid black; 9 border: 1px solid black;
10 position: relative; 10 position: relative;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
45 'promoted. This is necessary because otherwise ' + 45 'promoted. This is necessary because otherwise ' +
46 'the element will render behind the unclipped ' + 46 'the element will render behind the unclipped ' +
47 'sibling at first, until overlap is checked.\n \n'; 47 'sibling at first, until overlap is checked.\n \n';
48 var text = document.createTextNode(testDescription); 48 var text = document.createTextNode(testDescription);
49 pre.appendChild(text); 49 pre.appendChild(text);
50 50
51 if(window.internals) { 51 if(window.internals) {
52 var layerTree = window.internals.layerTreeAsText(document); 52 var layerTree = window.internals.layerTreeAsText(document);
53 text = document.createTextNode(layerTree + '\n'); 53 text = document.createTextNode(layerTree + '\n');
54 pre.appendChild(text); 54 pre.appendChild(text);
55 window.internals.settings.setCompositorDrivenAcceleratedScrollin gEnabled(false);
56 } 55 }
57 } 56 }
58 57
59 window.onload = doTest; 58 window.onload = doTest;
60 </script> 59 </script>
61 </head> 60 </head>
62 61
63 <body> 62 <body>
64 <div class='container'> 63 <div class='container'>
65 <div> 64 <div>
66 <div class='scrolled' style='z-index:2;'></div> 65 <div class='scrolled' style='z-index:2;'></div>
67 <div class='scrolled'></div> 66 <div class='scrolled'></div>
68 <div class='fixed'></div> 67 <div class='fixed'></div>
69 <div class='scrolled'></div> 68 <div class='scrolled'></div>
70 <div class='scrolled' style='position: absolute'></div> 69 <div class='scrolled' style='position: absolute'></div>
71 </div> 70 </div>
72 </div> 71 </div>
73 <pre id='console'></pre> 72 <pre id='console'></pre>
74 </body> 73 </body>
75 </html> 74 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698