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

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 58%
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..3eebd1588b3109304abe08a6e5cb803e5a9ba825 100644
--- a/LayoutTests/compositing/overflow/non-reparented-overlay-scrollbars.html
+++ b/LayoutTests/compositing/overflow/reparented-overlay-scrollbars-should-respect-ancestor-clip.html
@@ -1,11 +1,22 @@
<!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>
+ #clipper {
+ overflow: hidden;
+ width: 400px;
+ height: 100px;
+ margin: 10px;
+ }
+
#scroller {
overflow: scroll;
width: 300px;
height: 300px;
position: relative;
- z-index: 0;
top: 10px;
}
@@ -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