Index: LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html |
diff --git a/LayoutTests/compositing/overflow/non-reparented-overlay-scrollbars.html b/LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html |
similarity index 53% |
copy from LayoutTests/compositing/overflow/non-reparented-overlay-scrollbars.html |
copy to LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html |
index 48f02ae13b0d350a7c4fd61840c0a0938acaeb3f..89a2ec9292ead4fa2aa2289828f34120316756e3 100644 |
--- a/LayoutTests/compositing/overflow/non-reparented-overlay-scrollbars.html |
+++ b/LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html |
@@ -1,28 +1,39 @@ |
<!DOCTYPE HTML> |
+<!-- |
+ This test ensures that reparented overlay scrollbars still respect |
+ clips applied by a tree-order ancestor, even if that ancestor is |
+ not an ancestor in the compositing layer tree. |
+--> |
<style> |
- #scroller { |
+#clipper { |
+ overflow: hidden; |
+ width: 400px; |
+ height: 100px; |
+ margin: 10px; |
+} |
+ |
+#scroller { |
overflow: scroll; |
width: 300px; |
height: 300px; |
position: relative; |
- z-index: 0; |
top: 10px; |
- } |
+} |
- #fixed { |
+#fixed { |
position: fixed; |
background: blue; |
left: 90px; |
width: 10px; |
height: 10px; |
- } |
+} |
- #scrolled { |
+#scrolled { |
position: relative; |
background: green; |
width: 80px; |
height: 500px; |
- } |
+} |
</style> |
<script> |
if (window.internals) { |
@@ -30,7 +41,9 @@ if (window.internals) { |
window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); |
} |
</script> |
-<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> |