Chromium Code Reviews Chromium Code Reviews
Issue 1496513002:
[css-grid] Fix the height computation of grid items with borders (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-with-border-in-fr.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-with-border-in-fr.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-with-border-in-fr.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..9e52f0c6a3a63e4748a7c7938fded8a755d9cc31 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-with-border-in-fr.html |
| @@ -0,0 +1,27 @@ |
| +<!DOCTYPE html> |
| + |
| +<style> |
| +.grid { |
| + display: grid; |
| + grid: 1fr / 1fr; |
| + font: 50px/1 Ahem; |
| + border: 5px dashed magenta; |
| + width: 150px; |
| + height: 150px; |
| +} |
| +.item { |
| + border: 50px solid rgba(0, 255, 250, 0.5); |
| +} |
| +</style> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| +<script src="../../resources/check-layout-th.js"></script> |
| + |
| +<body onload="checkLayout('.grid')"> |
| +<div id=log></div> |
| + |
| +<div class="grid fixedSizeGrid" data-expected-width="160" data-expected-height="160"> |
|
jfernandez
2015/12/02 14:32:18
fixedSizedGrid is not defined..
|
| + <div class="item" data-expected-width="150" data-expected-height="150">X</div> |
|
jfernandez
2015/12/02 14:32:18
I think we might measure the grid item without the
svillar
2015/12/03 09:18:30
Yeah I'll add data-expected-client-* to the tests.
|
| +</div> |
| + |
| +</body> |
