Index: third_party/WebKit/LayoutTests/paint/invalidation/repaint-subsequence-on-ancestor-clip-change-complex.html |
diff --git a/third_party/WebKit/LayoutTests/paint/invalidation/repaint-subsequence-on-ancestor-clip-change-complex.html b/third_party/WebKit/LayoutTests/paint/invalidation/repaint-subsequence-on-ancestor-clip-change-complex.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b1dd75d6d777819733cf0d6684e5463dc6b2de5b |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/paint/invalidation/repaint-subsequence-on-ancestor-clip-change-complex.html |
@@ -0,0 +1,21 @@ |
+<!DOCTYPE html> |
+<script src="../../resources/run-after-layout-and-paint.js"></script> |
+<script> |
+onload = function() { |
+ runAfterLayoutAndPaint(function() { |
+ container.style.width = '200px'; |
+ }, true); |
+}; |
+</script> |
+Tests repaint of subsequences when a non-stacking-context ancestor's clip changes. |
+Passes if the text is clipped at the yellow background. |
+<div id="container" style="overflow: hidden; background-color: yellow"> |
+ <div style="display: inline-block;"> |
+ <div style="width: 500px"> |
+ <div style="z-index: 2; position: relative"> |
+ <span style="display: inline-block; visibility: hidden; opacity: .6; width: 10px"></span> |
+ Should be clipped: ABCDEFGHIJKLMNOPQRSTUVWXYZ |
+ </div> |
+ </div> |
+ </div> |
+</div> |