Chromium Code Reviews Chromium Code Reviews
Issue 2154593003:
[css-grid] Fix indefinite height detection (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| 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> |
|
jfernandez
2016/07/22 11:26:37
This test passes even without applying the patch.
Manuel Rego
2016/07/22 13:05:37
Mmmm, here it's 100x200 instead of 100x100. But ag
|
| + |
| +<div class="wrapper"> |
| + <div class="grid"> |
| + <div class="gridItem"></div> |
| + </div> |
| +</div> |
