Index: LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
diff --git a/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-appear-without-compositing-expected.html b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
similarity index 64% |
copy from LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-appear-without-compositing-expected.html |
copy to LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
index bc77caba0bf91c7dff406aac46d3e16210dd22de..7104bb7424e47caa616a1282ff1d344b036bc746 100644 |
--- a/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-appear-without-compositing-expected.html |
+++ b/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip.html |
@@ -1,14 +1,18 @@ |
<!DOCTYPE HTML> |
+<!-- |
+ This test ensures that reflected overlay scrollbars still render correctly |
+ when reflected. |
+--> |
<style> |
#container { |
-webkit-box-reflect: below; |
} |
#clipper { |
- overflow: hidden; |
- width: 110px; |
- height: 100px; |
- margin: 10px; |
+ overflow: hidden; |
+ width: 95px; |
+ height: 100px; |
+ margin: 10px; |
} |
#scroller { |
@@ -25,6 +29,8 @@ |
position: fixed; |
left: 200px; |
background: blue; |
+ /* Without this, when _not_ composited, the reflected scrollbar disappears. See crbug.com/396775 */ |
+ -webkit-transform: translateZ(0); |
} |
#scrolled { |
@@ -48,10 +54,10 @@ onload = function() { |
}; |
</script> |
<div id="container"> |
- <div id="clipper"> |
- <div id="scroller"> |
- <div id="fixed"></div> |
- <div id="scrolled"></div> |
+ <div id="clipper"> |
+ <div id="scroller"> |
+ <div id="fixed"></div> |
+ <div id="scrolled"></div> |
+ </div> |
</div> |
- </div> |
</div> |