commit 9fa9f08478d5ce7b651f7587961365e389d03fa8 parent f8179fc9e6899d4c3ff57dad5383c047d621ac11 Author: Oriol Brufau <obrufau@igalia.com> Date: Mon, 5 Jan 2026 10:39:55 +0000 Bug 2008410 [wpt PR 56969] - layout: Fix intrinsic contribution of anonymous not marked as depending on block constraints, a=testonly Automatic update from web-platform-tests layout: Fix intrinsic contribution 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 its intrinsic contribution as depending on block constraints. Signed-off-by: Oriol Brufau <obrufau@igalia.com> -- wpt-commits: c02e0a3b103de2480ad1afa2a4e9ceda4abddc07 wpt-pr: 56969 Diffstat:
| A | testing/web-platform/tests/css/css-flexbox/percentage-heights-022.html | | | 32 | ++++++++++++++++++++++++++++++++ |
1 file changed, 32 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-flexbox/percentage-heights-022.html b/testing/web-platform/tests/css/css-flexbox/percentage-heights-022.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/41633"> +<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: max-content; + 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="400" height="400"></canvas> + </div> +</div>