Chromium Code Reviews Chromium Code Reviews
Issue 667913003:
Reparented overflow controls host layer must account for scrolling. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/scrollbars/nested-overlay-scrollbars.html |
| diff --git a/LayoutTests/compositing/scrollbars/nested-overlay-scrollbars.html b/LayoutTests/compositing/scrollbars/nested-overlay-scrollbars.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1e1199f80414d243d655f309108d749e10713cb2 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/scrollbars/nested-overlay-scrollbars.html |
| @@ -0,0 +1,62 @@ |
| +<!DOCTYPE HTML> |
| +<style> |
| +#outer { |
| + position: absolute; |
| + z-index: 0; |
| + width: 400px; |
| + height: 400px; |
| + border: 2px solid black; |
| + overflow: scroll; |
| +} |
| + |
| +#inner { |
| + top: 500px; |
| + width: 200px; |
| + height: 200px; |
| + border: 2px solid black; |
| + overflow-y: scroll; |
| + position: absolute; |
| +} |
| + |
| +#scrolled { |
| + width: 2000px; |
| + height: 9000px; |
| + color: papayawhip; |
| +} |
| + |
| +#grey { |
| + position: absolute; |
| + background: grey; |
| + width: 100px; |
| + height: 800px; |
| +} |
| + |
| +#spacer { |
| + width: 5000px; |
| + height: 1000px; |
| + position: absolute; |
| + top: 2000px; |
| +} |
| +</style> |
| +<script> |
| +if (window.internals) { |
| + window.internals.settings.setOverlayScrollbarsEnabled(true); |
| + window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
| +} |
| + |
| +if (window.testRunner) |
| + window.testRunner.dumpAsTextWithPixelResults(); |
| + |
| +onload = function() { |
| + document.getElementById("outer").scrollTop = 600; |
|
chrishtr
2014/11/11 17:25:13
Scroll to 700 so we can see half of the gray?
Ian Vollick
2014/11/11 20:28:30
Scrolling to 700 doesn't scroll you any further in
|
| + if (window.internals && window.testRunner) |
| + window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document)); |
| +}; |
| +</script> |
| +<div id="outer"> |
| + <div id="inner"> |
| + <div id="scrolled"> |
| + <div id="grey"></div> |
| + </div> |
| + <div id="spacer"></div> |
| +</div> |
