| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-container-item-percentage-size.html
|
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-container-item-percentage-size.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-container-item-percentage-size.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..1b06b07e67d8dacfc4d1900a31ec2ea2935677e0
|
| --- /dev/null
|
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/positioned-grid-container-item-percentage-size.html
|
| @@ -0,0 +1,35 @@
|
| +<!DOCTYPE html>
|
| +<style>
|
| +
|
| +.wrapper {
|
| + width: 400px;
|
| + height: 400px;
|
| + position: relative;
|
| +}
|
| +
|
| +.grid {
|
| + display: grid;
|
| + grid: 200px / 200px;
|
| + position: absolute;
|
| + left: 0;
|
| + right: 0;
|
| + top: 0;
|
| + bottom: 0;
|
| +}
|
| +
|
| +.gridItem {
|
| + width: 50%;
|
| + height: 50%;
|
| + background-color: green;
|
| +}
|
| +
|
| +</style>
|
| +
|
| +<p>This test checks that percentage on the grid item are resolved against the grid area, despite the grid container being positioned with definite width and height.</p>
|
| +<p>Test passes if you see a 100x100 green box.</p>
|
| +
|
| +<div class="wrapper">
|
| + <div class="grid">
|
| + <div class="gridItem"></div>
|
| + </div>
|
| +</div>
|
|
|
Chromium Code Reviews
Issue 2154593003:
[css-grid] Fix indefinite height detection (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master