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

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area.html

Issue 2353513003: [css-grid] Use grid area position to determine overflowing items (Closed)
Patch Set: Patch Created 4 years, 3 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
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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>
+
« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css-grid-layout/painting-item-marginbox-overflowing-grid-area-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698