Index: LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html |
diff --git a/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..13f8f726008f3cebd7689dc40ce3a4b05800932c |
--- /dev/null |
+++ b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html |
@@ -0,0 +1,63 @@ |
+<!DOCTYPE HTML> |
+<!-- |
+ This test ensures that reflected overlay scrollbars still render correctly |
+ when reflected. |
+--> |
+<style> |
+#container { |
+ -webkit-box-reflect: below; |
+} |
+ |
+#clipper { |
+ overflow: hidden; |
+ 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; |
+ /* Without this, when _not_ composited, the reflected scrollbar disappears. See crbug.com/396775 */ |
+ -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(false); |
+} |
+ |
+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> |