Chromium Code Reviews Chromium Code Reviews
Issue 1971053003:
Use new intrinsic content height when computing min-height: min-content (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/css3/flexbox/resize-min-content-flexbox.html |
| diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/resize-min-content-flexbox.html b/third_party/WebKit/LayoutTests/css3/flexbox/resize-min-content-flexbox.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..b3667c6adbfeb69b9797363ba219491043bc7c20 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/css3/flexbox/resize-min-content-flexbox.html |
| @@ -0,0 +1,40 @@ |
| +<!DOCTYPE html> |
| + |
| +<link href="resources/flexbox.css" rel="stylesheet"> |
| + |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| +<script src="../../resources/check-layout-th.js"></script> |
| + |
| +<style> |
| +body, html { |
| + height: 100%; |
| + margin: 0; |
| +} |
| + |
| +.flexbox.column { |
| + min-height: min-content; |
| + background: green; |
| + height: 100%; |
| +} |
| + |
| +#content { |
| + height: 1000px; |
| + max-height: 100%; |
| +} |
| +</style> |
| + |
| +<script> |
| +onload = function() { |
|
eae
2016/05/12 19:24:55
No need to use onload, place the script tag after
cbiesinger
2016/05/12 19:49:45
Done.
|
| + document.body.offsetHeight; |
| + document.documentElement.style.height = '100px'; |
| + |
| + checkLayout('.flexbox'); |
| +}; |
| +</script> |
| + |
| +<div id="log"></div> |
| + |
| +<div class="flexbox column justify-content-center align-items-center" data-expected-height="100"> |
| + <div id="content" data-expected-height="100"></div> |
| +</div> |
