Chromium Code Reviews Chromium Code Reviews
Issue 2890583002:
Fix incorrect use of coords conversion for sticky elements (Closed)
| Index: third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow-layer-of-sticky-child-of-compositing-container.html |
| diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow-layer-of-sticky-child-of-compositing-container.html b/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow-layer-of-sticky-child-of-compositing-container.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..8765eae10f5c112173ae844fd57ea350373f2a09 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/compositing/overflow/ancestor-overflow-layer-of-sticky-child-of-compositing-container.html |
| @@ -0,0 +1,37 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +.fixed { |
| + position: fixed; |
|
flackr
2017/05/19 18:28:31
I think will-change: transform will work just as w
yigu
2017/05/23 19:16:40
I think position:fixed is necessary to reproduce t
flackr
2017/05/23 19:19:59
Doesn't this imply that the test would still be br
|
| +} |
| + |
| +.sticky { |
| + position: sticky; |
| + top: 0; |
| +} |
| + |
| +.composited { |
| + /* Force compositing without creating a stacking context */ |
| + backface-visibility: hidden; |
| +} |
| + |
| +.spacer { |
| + height: 2000px; |
| +} |
| + |
| +.container { |
| + width: 500px; |
| + height: 500px; |
| + overflow: scroll; |
| +} |
| +</style> |
| + |
| +<div class="composited fixed"> |
| + Ref text. |
| + <div class="composited container"> |
| + <div class="sticky"> |
| + This line should line up with the text above. |
| + </div> |
| + <div class="spacer"></div> |
| + </div> |
| +</div> |
| + |
