Index: third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/border-box-sizing.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/border-box-sizing.html b/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/border-box-sizing.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ceeb2dcae2fcb0a7d9ce2a02f780fe837d28b6a6 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css-intrinsic-dimensions/border-box-sizing.html |
@@ -0,0 +1,34 @@ |
+<!DOCTYPE html> |
+ |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<script src="../../resources/check-layout-th.js"></script> |
+ |
+<style> |
+.container { |
+ box-sizing: border-box; |
+} |
+</style> |
+ |
+<body onload="checkLayout('.container')"> |
+<div id=log></div> |
+ |
+<div class="container" style="height: 20px; min-height: min-content; padding-top: 30px;" data-expected-height="80"> |
+ <div style="height: 50px; width: 50px;"></div> |
+</div> |
+ |
+<div style="display: flex; flex-direction: column; height: 20px;"> |
+ <!-- uses the implied min-height: auto; should not flex-shrink below 80 --> |
+ <div class="container" style="padding-top: 30px;" data-expected-height="80"> |
+ <div style="height: 50px; width: 50px;"></div> |
+ </div> |
+</div> |
+ |
+<div class="container" style="position: absolute; height: 20px; width: min-content; padding-left: 30px;" data-expected-width="80"> |
+ <div style="height: 50px; width: 50px;"></div> |
+</div> |
+ |
+ |
+<div class="container" style="height: 20px; width: min-content; padding-left: 30px;" data-expected-width="80"> |
+ <div style="height: 50px; width: 50px;"></div> |
+</div> |