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

Unified Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-paint-positioned-children-expected.html

Issue 2582363002: [css-grid] Fix positioning of positioned grid children (Closed)
Patch Set: Patch for landing Created 4 years 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/fast/css-grid-layout/grid-paint-positioned-children-expected.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-paint-positioned-children-expected.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-paint-positioned-children-expected.html
new file mode 100644
index 0000000000000000000000000000000000000000..5a23c73f9a3aadecddd89b15b28dec17fc230843
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-paint-positioned-children-expected.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<style>
+.grid {
+ border: 2px solid black;
+ width: 100px;
+ height: 40px;
+ background: gray;
+}
+
+.abs { height: 5px; float: left; }
+
+#item {
+ width: 90px;
+ height: 30px;
+ margin-top: 10px;
+}
+</style>
+
+<p>This test passes if you see a gray box with a black border color with 5 rectangles inside. The first line contains a purple, orange, yellow and magenta boxes. Bellow them you should see a 90px cyan box.</p>
+
+<div class="grid">
+ <div class="abs" style="background: purple; width: 10px;"></div>
+ <div class="abs" style="background: orange; width: 20px;"></div>
+ <div class="abs" style="background: yellow; width: 30px;"></div>
+ <div class="abs" style="background: magenta; width: 40px;"></div>
+ <div id="item" style="background: cyan;"</div>
+</div>
+

Powered by Google App Engine
This is Rietveld 408576698