| 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>
|
|
|