Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(315)

Unified Diff: third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-path-text.html

Issue 2078343005: Fix positioning of CSS reference clips in composited layers. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Add virtual expectation Created 4 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-path-text.html
diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-reference.html b/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-path-text.html
similarity index 72%
copy from third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-reference.html
copy to third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-path-text.html
index bfcf5ba03226f3e34e5b66d5b3595b281ec5835a..8d0595e6ad9b55dcf0b671bdefe83dcf01441966 100644
--- a/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-reference.html
+++ b/third_party/WebKit/LayoutTests/compositing/overflow/accelerated-scrolling-with-clip-path-text.html
@@ -4,6 +4,7 @@
<style>
.clip-path {
-webkit-clip-path: url('#clipping');
+ clip-path: url('#clipping');
overflow: scroll;
}
@@ -38,13 +39,13 @@
</head>
<body>
-This tests that reference clip-path is applied with composited scrolling. If the content and
-scrollbars are properly clipped, this test passes.
+<!-- Do not remove the text. Having the div at some vertical offset verifies that we correctly offset the clip -->
+This tests that reference clip-path with text is correctly applied with composited scrolling.
<svg width="0", height="0">
<defs>
<clipPath id="clipping">
- <polygon points="61 237,9 313,115 386,621 356,280 339,505 187,414 61,164 143,84 42,2 189"></polygon>
+ <text x="100" y="120" style="font-size:60px;font-weight:bold;">CLIP</text>
</clipPath>
</defs>
</svg>

Powered by Google App Engine
This is Rietveld 408576698