Index: third_party/WebKit/LayoutTests/compositing/overflow/mask-with-small-content-rect.html |
diff --git a/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-small-content-rect.html b/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-small-content-rect.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..de3204cedeeb4a68fbcebd07bd49c24dd7988c0e |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/compositing/overflow/mask-with-small-content-rect.html |
@@ -0,0 +1,30 @@ |
+<!DOCTYPE html> |
+<style> |
+#mask { |
+ width: 200px; |
+ height: 200px; |
+ overflow: hidden; |
+ border-radius: 10px; |
+ border: 4px solid red; |
+ background-color: blue; |
+ position: relative; |
+ display: inline-block; |
+} |
+ |
+.content { |
+ width: 50px; |
+ height: 50px; |
+} |
+ |
+.composited { |
+ will-change: transform; |
+} |
+</style> |
+ |
+<p>Testing masks on compositing layers. Left and right columns should look the same.</p> |
+<div id="mask"> |
+ <div class="content" style="left: 175px;top: 175px;background: black;position: absolute;"></div> |
+</div> |
+<div id="mask" class="composited" style="left: 50px"> |
+ <div class="content" style="left: 175px;top: 175px;background: black;position: absolute;"></div> |
+</div> |