forked from mirrors/gecko-dev
afd1e9282e
Automatic update from web-platform-tests WebKit export of https://bugs.webkit.org/show_bug.cgi?id=245114 (#35872) The original version of these tests were referencing an expectation that had some extra text that were not in the test files. This was causing the tests to fail on all engines on WPT. However, since our expectation did not have the test, we were passing it outside of WPT. The change now links to a test with just the green square and without the text. Co-authored-by: Sammy Gill <sammy.gill@apple.com> -- wpt-commits: 32a29b627ee8b74f16e63c2041880e870c746ebd wpt-pr: 35872
33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com" />
|
|
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-size-transfers" />
|
|
<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#min-width" />
|
|
<link rel="help" href="https://drafts.csswg.org/css-sizing/#box-sizing" />
|
|
<link rel="help" href="https://bugs.webkit.org/show_bug.cgi?id=243887" />
|
|
<link rel="match" href="../reference/ref-filled-green-100px-square-only.html" />
|
|
</head>
|
|
<!-- Item div should be a 100px x 100px square. Content width will be 90px,
|
|
which comes from the min-height constraint being transferred to the
|
|
min-width. 5px padding on all sides will give the box a resulting
|
|
size of 100x x 100px. -->
|
|
<style>
|
|
.flexContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
float: left;
|
|
}
|
|
.item {
|
|
background: green;
|
|
padding: 5px 5px 5px 5px;
|
|
}
|
|
</style>
|
|
<body>
|
|
<p>Test passes if there is a filled green square.</p>
|
|
<div class="flexContainer">
|
|
<div class="item" style="min-height:90px; aspect-ratio: 1/1;"></div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|