OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 |
| 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 <script src="../../resources/check-layout-th.js"></script> |
| 6 |
| 7 <style> |
| 8 .container { |
| 9 box-sizing: border-box; |
| 10 } |
| 11 </style> |
| 12 |
| 13 <body onload="checkLayout('.container')"> |
| 14 <div id=log></div> |
| 15 |
| 16 <div class="container" style="height: 20px; min-height: min-content; padding-top
: 30px;" data-expected-height="80"> |
| 17 <div style="height: 50px; width: 50px;"></div> |
| 18 </div> |
| 19 |
| 20 <div style="display: flex; flex-direction: column; height: 20px;"> |
| 21 <!-- uses the implied min-height: auto; should not flex-shrink below 80 --> |
| 22 <div class="container" style="padding-top: 30px;" data-expected-height="80"> |
| 23 <div style="height: 50px; width: 50px;"></div> |
| 24 </div> |
| 25 </div> |
| 26 |
| 27 <div class="container" style="position: absolute; height: 20px; width: min-conte
nt; padding-left: 30px;" data-expected-width="80"> |
| 28 <div style="height: 50px; width: 50px;"></div> |
| 29 </div> |
| 30 |
| 31 |
| 32 <div class="container" style="height: 20px; width: min-content; padding-left: 30
px;" data-expected-width="80"> |
| 33 <div style="height: 50px; width: 50px;"></div> |
| 34 </div> |
OLD | NEW |