Blitz - WPT: replaced-element-044.html

wpt / css / css-sizing / aspect-ratio / replaced-element-044.html

Data from commit:
708eb61 WPT runner: support mismatch reftests and multiple rel=match links (#665) (2026-08-09)

Subtest	Status	Message
canvas 1	FAIL	assert_equals: data-expected-height expected 50 got 25
canvas 2	FAIL	assert_equals: data-expected-height expected 50 got 25
canvas 3	FAIL	assert_equals: data-expected-height expected 50 got 25
canvas 4	FAIL	assert_equals: data-expected-height expected 50 got 25

Enable JavaScript in test iframe

/css/css-sizing/aspect-ratio/replaced-element-044.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS aspect-ratio: replaced element transferring intrinsic sizes</title>
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio">
<link rel="help" href="https://drafts.csswg.org/css-sizing-4/#aspect-ratio-size-transfers">
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11236">
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<meta name="assert" content="
  The inline size resulting from an intrinsic keyword is transferred
  to the block axis through aspect ratio.
">

<style>
canvas { aspect-ratio: 1; height: auto; background: cyan; }
</style>

<canvas width="50" height="25" style="width: auto"
        data-expected-width="50" data-expected-height="50"></canvas>
<canvas width="50" height="25" style="width: min-content"
        data-expected-width="50" data-expected-height="50"></canvas>
<canvas width="50" height="25" style="width: fit-content"
        data-expected-width="50" data-expected-height="50"></canvas>
<canvas width="50" height="25" style="width: max-content"
        data-expected-width="50" data-expected-height="50"></canvas>

<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout("canvas");
</script>