Chromium Code Reviews| Index: third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element.html |
| diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element.html b/third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element.html |
| index f52efcd0b4bbedd699a31199df506fc2939a816a..6e2751ad347d0be10558d1c9bcda9b01d5fe0748 100644 |
| --- a/third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element.html |
| +++ b/third_party/WebKit/LayoutTests/compositing/overflow/composited-sticky-element.html |
| @@ -4,25 +4,27 @@ onload = function() { |
| } |
| </script> |
| <style> |
| +.composite { |
|
flackr
2017/02/16 19:21:37
did you mean .composited?
smcgruer
2017/02/16 19:24:17
Sigh. Fixed.
|
| + will-change: transform; |
| +} |
| + |
| #scroller { |
| - /* Opaque background means scroller is composited. */ |
| - background: white; |
| height: 200px; |
| overflow: auto; |
| width: 200px; |
| } |
| + |
| .sticky { |
| position: sticky; |
| top: 0; |
| height: 50px; |
| - /* Opaque background means sticky element is composited. */ |
| background: green; |
| } |
| .spacer { |
| height: 2000px; |
| } |
| </style> |
| -<div id="scroller"> |
| - <div class="sticky"></div> |
| +<div id="scroller" class="composited"> |
| + <div class="composited sticky"></div> |
| <div class="spacer"></div> |
| </div> |