LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html - Issue 637033003: [CSS Grid Layout] Fix positioned grid children position and size

Unified Diff: LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html

Issue 637033003: [CSS Grid Layout] Fix positioned grid children position and size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 6 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

« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-add-item-with-positioned-items-expected.txt ('k') | LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes-expected.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html

diff --git a/LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html b/LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html

new file mode 100644

index 0000000000000000000000000000000000000000..0afb312d445c4db985e0a13379ec48acec78b91e

--- /dev/null

+++ b/LayoutTests/fast/css-grid-layout/grid-positioned-children-writing-modes.html

@@ -0,0 +1,80 @@

+<!DOCTYPE html>

+<html>

+<link href="resources/grid.css" rel="stylesheet">

+<style>

+.grid {

+ margin: 1px;

+ width: 50px;

+ height: 25px;

+ padding: 5px 10px 15px 20px;

+ /* Ensures that the grid container is the containing block of the grid children. */

+ position: relative;

+.absolute {

+ position: absolute;

+.onlyFirstRowOnlyFirstColumn {

+ background-color: green;

+ grid-column: 1 / 2;

+ grid-row: 1 / 2;

+.red {

+ background-color: red;

+ width: 50px;

+ height: 25px;

+ top: 5px;

+ left: 20px;

+</style>

+<body>

+<p>This test checks the behavior of the positioned grid children in combination with the writing modes and text direction properties.</p>

+<p>For the test to pass you should see no red and all the green boxes should have the very the same position and size within each grey box. The black box will be positioned depending on the writing mode and text direction values.</p>

+<div class="grid">