Chromium Code Reviews Chromium Code Reviews
Issue 1934833002:
Ensure filter and reflection outsets are applied on paint invalidation rect (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html b/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..ec5870df32953f7d91725cc04297f2349310f828 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/repaint/reflection-invalidation-positioned-child.html |
| @@ -0,0 +1,52 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +body { |
| + margin: 0; |
| +} |
| +#box { |
| + width: 100px; |
| + height: 100px; |
| + background-color: green; |
| + -webkit-box-reflect: below; |
| +} |
| +#box-check { |
| + margin-top: 20px; |
| + width: 100px; |
| + height: 100px; |
| + background-color: red; |
| +} |
| +#positioned { |
| + position: absolute; |
| + top: 10px; |
| + left: 400px; |
| + width: 50px; |
| + height: 50px; |
| + background-color: blue; |
| +} |
| +#positioned-check { |
| + position: absolute; |
| + top: 160px; |
| + left: 400px; |
| + width: 50px; |
| + height: 50px; |
| + background-color: red; |
| + z-index: -1; |
| +} |
| +</style> |
| +<!-- |
| +Tests paint invalidation of positioned object when it's ancestor changes reflection. |
|
chrishtr
2016/05/03 19:17:57
Nit: s/it's/its/
Xianzhu
2016/05/03 19:53:40
Done.
|
| +Passes if there is no red. |
| +--> |
| +<div id="box"> |
| + <div id="positioned"></div> |
| +</div> |
| +<div id="box-check"> |
| + <div id="positioned-check"></div> |
| +</div> |
| +<script src="resources/text-based-repaint.js"></script> |
| +<script> |
| +function repaintTest() { |
| + box.style.webkitBoxReflect = 'below 20px'; |
| +} |
| +runRepaintTest(); |
| +</script> |
