Index: LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html |
diff --git a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html |
index 1d75804cda5495eb9fef512c711479dc0dfe469a..317bd37ca764a16cf7b069b58a8655469c9687b0 100644 |
--- a/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html |
+++ b/LayoutTests/fast/css-grid-layout/named-grid-lines-with-named-grid-areas-resolution.html |
@@ -46,6 +46,11 @@ |
grid-template-rows: 50px (c-end) 100px (c-end) 200px (c-end); |
} |
+ .gridImplicitArea { |
+ grid-template-columns: 50px (z-start) 100px (z-end) 200px; |
+ grid-template-rows: 50px (z-start) 100px 200px (z-end); |
+ } |
+ |
</style> |
<script src="../../resources/check-layout.js"></script> |
</head> |
@@ -239,5 +244,14 @@ |
</div> |
</div> |
+<!-- Check that <custom-ident>-{start|end} named lines define implicit named areas --> |
+<div style="position: relative"> |
+ <div class="grid gridAreas gridImplicitArea"> |
+ <div class="sizedToGridArea" style="grid-column: z;" data-offset-x="50" data-offset-y="0" data-expected-width="100" data-expected-height="50"></div> |
+ <div class="sizedToGridArea" style="grid-row: z;" data-offset-x="0" data-offset-y="50" data-expected-width="50" data-expected-height="300"></div> |
+ <div class="sizedToGridArea" style="grid-column-end: z; grid-row-start: z;" data-offset-x="50" data-offset-y="50" data-expected-width="100" data-expected-height="100"></div> |
+ </div> |
+</div> |
+ |
</body> |
</html> |