Chromium Code Reviews Chromium Code Reviews
Issue 2523233002:
[css-grid] Implied minimum size only applies if overflow is visible (Closed)
| Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-overflow.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-overflow.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-overflow.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..faaa12702574d7549da83b97e627d686a19e50c0 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-item-overflow.html |
| @@ -0,0 +1,39 @@ |
| +<!DOCTYPE html> |
| +<style> |
| +.grid { |
| + display: inline-grid; |
|
jfernandez
2016/11/23 15:59:30
Why inline-grid ?
Manuel Rego
2016/11/23 16:24:35
Why not? :-)
Basically it's because it fits bette
|
| + border: thick solid; |
| + height: 50px; |
| + width: 50px; |
| + margin: 50px; |
| +} |
| + |
| +.i1 { |
| + color: cyan; |
| + background: magenta; |
| + font-size: 100px; |
| +} |
| + |
| +.auto { |
|
jfernandez
2016/11/23 15:59:30
we can save some lines if we define these rules in
Manuel Rego
2016/11/23 16:24:36
Done.
|
| + overflow: auto; |
| +} |
| + |
| +.hidden { |
|
jfernandez
2016/11/23 15:59:30
ditto.
Manuel Rego
2016/11/23 16:24:35
Done.
|
| + overflow: hidden; |
| +} |
| +</style> |
| + |
| +<p>This test checks that implied minimum size of grid items is only applied if overflow is visible.</p> |
| +<p>The test passes if in the first grid the item overflows, in the second one it has scrollbars, and in the third one the item doesn't overflow but it doesn't have scrollbars.</p> |
| + |
| +<div class="grid"> |
| + <div class="i1">X</div> |
| +</div> |
| + |
| +<div class="grid"> |
| + <div class="i1 auto">X</div> |
| +</div> |
| + |
| +<div class="grid"> |
| + <div class="i1 hidden">X</div> |
| +</div> |
