16abbd78e7
Add scripts/import_wpt_reftests.py to sparse-clone the upstream WPT repo and bulk-import qualifying CSS reftests (no JS, no external resources) as known_fail entries. 23 tests already pass and are promoted. The import script is idempotent and exposed via `just import-wpt`. CI now prints the WPT summary (pass=36 known_fail=2877 skip=1) on every run. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
<!doctype html>
|
|
<meta charset="utf-8">
|
|
<title>CSS Test: nested flex containers with definite max-height</title>
|
|
<link rel="match" href="flexbox-definite-sizes-001-ref.html">
|
|
<link rel="author" href="mailto:dholbert@mozilla.com" title="Daniel Holbert">
|
|
<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
|
|
<link rel="help" href="https://drafts.csswg.org/css-flexbox/#definite-sizes">
|
|
<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1449326">
|
|
<style>
|
|
body { overflow: hidden }
|
|
|
|
.outerFlex {
|
|
display: flex;
|
|
width: 100px;
|
|
/* Implicit "align-items:stretch" */
|
|
}
|
|
|
|
.innerFlex {
|
|
display: flex;
|
|
width: 100px;
|
|
background: red;
|
|
|
|
/* This reveals if we miscalculate the height of our flex item: */
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.block {
|
|
width: 100px;
|
|
max-height: 100%;
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
<p>Test passes if you see a green 100px x 100px square, and no red</p>
|
|
<div class="outerFlex">
|
|
<div class="innerFlex" style="max-height: 100px">
|
|
<div class="block"><div style="height:9999px"></div></div>
|
|
</div>
|
|
</div>
|