3 <title>CSS Grid Layout Test: Grid positioned items unknown named grid line
</title>
4 <link rel=
"author" title=
"Manuel Rego Casasnovas" href=
"mailto:rego@igalia.com">
5 <link rel=
"help" href=
"https://drafts.csswg.org/css-grid-1/#abspos" title=
"9. Absolute Positioning">
6 <meta name=
"assert" content=
"This test checks that grid placement properties of absolutely positioned items using unknown named grid lines are treated as 'auto'.">
7 <link rel=
"stylesheet" href=
"support/grid.css">
11 grid-template-columns:
100px
200px;
12 grid-template-rows:
50px
150px;
15 border:
5px solid black;
18 /* Ensures that the grid container is the containing block of the absolutely positioned grid children. */
27 background-color: blue;
33 background-color: orange;
38 .startAndEndUnknownLines {
39 background-color: green;
40 grid-column: foo / bar;
45 <script src=
"/resources/testharness.js"></script>
46 <script src=
"/resources/testharnessreport.js"></script>
47 <script src=
"/resources/check-layout-th.js"></script>
49 <body onload=
"checkLayout('.grid')">
54 <div class=
"absolute sizedToGridArea startAndEndUnknownLines"
55 data-offset-x=
"0" data-offset-y=
"0" data-expected-width=
"530" data-expected-height=
"330">
57 <div class=
"absolute sizedToGridArea endUnknownLine"
58 data-offset-x=
"15" data-offset-y=
"15" data-expected-width=
"515" data-expected-height=
"315">
60 <div class=
"absolute sizedToGridArea startUnknownLine"
61 data-offset-x=
"0" data-offset-y=
"0" data-expected-width=
"315" data-expected-height=
"215">
65 <div class=
"grid directionRTL">
66 <div class=
"absolute sizedToGridArea startAndEndUnknownLines"
67 data-offset-x=
"0" data-offset-y=
"0" data-expected-width=
"530" data-expected-height=
"330">
69 <div class=
"absolute sizedToGridArea endUnknownLine"
70 data-offset-x=
"0" data-offset-y=
"15" data-expected-width=
"515" data-expected-height=
"315">
72 <div class=
"absolute sizedToGridArea startUnknownLine"
73 data-offset-x=
"215" data-offset-y=
"0" data-expected-width=
"315" data-expected-height=
"215">