commit a2b9bcebe2f43d68cc43884539b7142d720a90ed parent 45e3bf283a7b1b7fa04f82ec756878b03d3618a7 Author: Oriol Brufau <obrufau@igalia.com> Date: Mon, 5 Jan 2026 10:23:32 +0000 Bug 2008349 [wpt PR 56960] - layout: Fix size of anonymous not marked as depending on block constraints, a=testonly Automatic update from web-platform-tests layout: Fix size of anonymous not marked as depending on block constraints An anonymous block box doesn't establish a containing block for its contents. Therefore, if its contents depend on block constraints, we need to mark it as having a size that depends on block constraints. Signed-off-by: Oriol Brufau <obrufau@igalia.com> -- wpt-commits: 24ede1643b6ee36ce93758e0f21ea872f02bdfc0 wpt-pr: 56960 Diffstat:
| A | testing/web-platform/tests/css/css-flexbox/percentage-heights-020.html | | | 32 | ++++++++++++++++++++++++++++++++ |
1 file changed, 32 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-flexbox/percentage-heights-020.html b/testing/web-platform/tests/css/css-flexbox/percentage-heights-020.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Flexbox: percentage in inline-level inside anonymous block inside flex item</title> +<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> +<link rel="help" href="https://github.com/servo/servo/issues/41629"> +<link rel="match" href="../reference/ref-filled-green-200px-square.html"> +<meta name="assert" content="The <canvas> size is 200 x 200"> + +<style> +#flex-container { + display: flex; + flex-direction: column; +} +#flex-item { + width: 200px; + height: 200px; + background: red; +} +#target { + height: 100%; + background: green; +} +</style> + +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + +<div id="flex-container"> + <div id="flex-item"> + <div><!-- This wraps the inline-level canvas inside an anonymous block --></div> + <canvas id="target" width="100" height="100"></canvas> + </div> +</div>