Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..4ded6ac031fa887385981226824ff92b647ae2be |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area.html |
@@ -0,0 +1,35 @@ |
+<!DOCTYPE html> |
+ |
+<p>Test PASS if you see two adjacent iframes with a 50x50 green square.</p> |
+ |
+<iframe height="120px" width="300px" srcdoc=" |
+ <style> |
+ .grid { |
+ display: grid; |
+ grid: 50px / 100px 50px 150px 100px; |
+ } |
+ </style> |
+ |
+ <div class='grid'> |
+ <div style='background: red; grid-column: 2;'></div> |
+ <div style='background: green; grid-column: 4; width: 50px; margin-left: -200px;'></div> |
+ </div> |
+ "> |
+</iframe> |
+ |
+<iframe height="120px" width="300px" srcdoc=" |
+ <style> |
+ .grid { |
+ display: grid; |
+ grid: 50px / 100px 50px 150px 100px; |
+ direction: rtl; |
+ } |
+ </style> |
+ |
+ <div class='grid'> |
+ <div style='background: red; grid-column: 2;'></div> |
+ <div style='background: green; grid-column: 4; width: 50px; margin-right: -200px;'></div> |
+ </div> |
+ "> |
+</iframe> |
+ |