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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html

Issue 397713004: Overlay scrollbars must respect ancestor clip (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: . Created 6 years, 5 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/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html ('k') | LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip-expected.html » ('j') | Source/core/rendering/RenderLayer.h » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML> 1 <!DOCTYPE HTML>
2 <!--
3 This test ensures that reparented overlay scrollbars still respect
4 clips applied by a tree-order ancestor, even if that ancestor is
5 not an ancestor in the compositing layer tree.
6 -->
2 <style> 7 <style>
3 #scroller { 8 #clipper {
9 overflow: hidden;
10 width: 400px;
11 height: 100px;
12 margin: 10px;
13 }
14
15 #scroller {
4 overflow: scroll; 16 overflow: scroll;
5 width: 300px; 17 width: 300px;
6 height: 300px; 18 height: 300px;
7 position: relative; 19 position: relative;
8 z-index: 0;
9 top: 10px; 20 top: 10px;
10 } 21 }
11 22
12 #fixed { 23 #fixed {
13 position: fixed; 24 position: fixed;
14 background: blue; 25 background: blue;
15 left: 90px; 26 left: 90px;
16 width: 10px; 27 width: 10px;
17 height: 10px; 28 height: 10px;
18 } 29 }
19 30
20 #scrolled { 31 #scrolled {
21 position: relative; 32 position: relative;
22 background: green; 33 background: green;
23 width: 80px; 34 width: 80px;
24 height: 500px; 35 height: 500px;
25 } 36 }
26 </style> 37 </style>
27 <script> 38 <script>
28 if (window.internals) { 39 if (window.internals) {
29 window.internals.settings.setOverlayScrollbarsEnabled(true); 40 window.internals.settings.setOverlayScrollbarsEnabled(true);
30 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled( true); 41 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled( true);
31 } 42 }
32 </script> 43 </script>
33 <div id='scroller'> 44 <div id='clipper'>
34 <div id='fixed'></div> 45 <div id='scroller'>
35 <div id='scrolled'></div> 46 <div id='fixed'></div>
47 <div id='scrolled'></div>
48 </div>
36 </div> 49 </div>
OLDNEW
« no previous file with comments | « LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html ('k') | LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip-expected.html » ('j') | Source/core/rendering/RenderLayer.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698