diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html b/testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html new file mode 100644 index 0000000000..2cc310d729 --- /dev/null +++ b/testing/web-platform/tests/css/css-flexbox/fit-content-item-003.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-base-size"> +<link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> +<meta name="assert" content="A flex container's block cross size of max-content is treated as indefinite when setting fit-content on an item for flex base sizing"> + +<style> +x-flexbox { + display: flex; + height: max-content; +} + +.fit-content-item { + background: green; + width: 100px; + writing-mode: vertical-lr; +} + +.height-setting-item { + height: 100px; +} + +</style> + +<!-- This has to be a row flexbox whose item stretches and has vertical writing + mode to trigger: + * a cross size is needed to determine the main size (row flexbox's cross size + is vertical, which is the item's inline size because it has a vertical + writing mode) + * the flex item’s cross size is [...] not definite (if the item didn't + stretch, the definiteness of the container's cross size wouldn't matter + because the cross size would never be definite and the item would always get + fit-content) +--> + +<p>Test passes if there is a filled green square.</p> + +<x-flexbox> + <div class="fit-content-item"></div> + <div class="height-setting-item"></div> +</x-flexbox> |