Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(26)

Unified Diff: LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html

Issue 397713004: Overlay scrollbars must respect ancestor clip (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: . Created 6 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698