Chromium Code Reviews Chromium Code Reviews
Issue 397713004:
Overlay scrollbars must respect ancestor clip (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
| diff --git a/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..7376b6c69f3845b104a88e9400d5ff7855122bb7 |
| --- /dev/null |
| +++ b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
| @@ -0,0 +1,58 @@ |
| +<!DOCTYPE HTML> |
| +<style> |
| +#container { |
| + -webkit-box-reflect: below; |
| +} |
| + |
| +#clipper { |
| + overflow: hidden; |
|
hartmanng
2014/07/24 15:57:35
nit: this indentation doesn't match the rest of th
Ian Vollick
2014/07/24 17:39:09
Done. I've cleaned up the indentation in all the l
|
| + width: 95px; |
| + height: 100px; |
| + margin: 10px; |
| +} |
| + |
| +#scroller { |
| + width: 100px; |
| + height: 100px; |
| + border: 1px solid black; |
| + overflow: auto; |
| +} |
| + |
| + |
| +#fixed { |
| + width: 10px; |
| + height: 10px; |
| + position: fixed; |
| + left: 200px; |
| + background: blue; |
| + -webkit-transform: translateZ(0); |
| +} |
| + |
| +#scrolled { |
| + width: 100px; |
| + height: 300px; |
| + background: green; |
| +} |
| +</style> |
| +<script> |
| +if (window.internals) { |
| + window.internals.settings.setOverlayScrollbarsEnabled(true); |
| + window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); |
| +} |
| + |
| +if (window.testRunner) |
| + window.testRunner.dumpAsTextWithPixelResults(); |
| + |
| +onload = function() { |
| + if (window.internals && window.testRunner) |
| + window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document)); |
| +}; |
| +</script> |
| +<div id="container"> |
| + <div id="clipper"> |
| + <div id="scroller"> |
| + <div id="fixed"></div> |
| + <div id="scrolled"></div> |
| + </div> |
| + </div> |
| +</div> |
