Sammy Gill
a9a5a522f9
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=296243 (#59423) -- wpt-commits: 9d98317c58834306750101399d5169fae5d67dbf wpt-pr: 59423
31 lines
1.0 KiB
HTML
31 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset="utf-8">
|
|
<title>aspect-ratio with height:0 and explicit min-width:0 should produce 0 content width</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-minimum">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<style>
|
|
.test {
|
|
aspect-ratio: 1;
|
|
width: max-content;
|
|
height: 0;
|
|
border-top: 25px solid cyan;
|
|
}
|
|
.test::before {
|
|
content: "X";
|
|
}
|
|
</style>
|
|
<div class="test" id="explicit-zero" style="min-width: 0"></div>
|
|
<div class="test" id="auto-minimum" style="min-width: auto"></div>
|
|
<script>
|
|
test(function() {
|
|
assert_equals(document.getElementById('explicit-zero').clientWidth, 0,
|
|
'content-box width should be 0 (aspect-ratio transfers height:0)');
|
|
}, 'min-width:0 disables automatic minimum');
|
|
|
|
test(function() {
|
|
assert_greater_than(document.getElementById('auto-minimum').clientWidth, 0,
|
|
'content-box width should be > 0 (automatic minimum applies)');
|
|
}, 'min-width:auto enables automatic minimum');
|
|
</script>
|