[ident] Support ident() in container/container-name

andruud · chromium-wpt-export-bot · commit 742db3471132 · 2025-05-22T02:24:24.000-07:00
This CL adds support for ident() in the container and container-name properties. Since the behavior within at-rule preludes is not specified [1], this CL just includes a basic crash test for "@container ident(...)" as a provisional safeguard. [1] w3c/csswg-drafts#12219 Bug: 384930424 Change-Id: I200e8f1c516ebe69e48f97048014c3f65beac349 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6574640 Reviewed-by: Rune Lillesveen <futhark@chromium.org> Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Cr-Commit-Position: refs/heads/main@{#1463950}
diff --git a/css/css-conditional/container-queries/container-ident-function.html b/css/css-conditional/container-queries/container-ident-function.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<title>CSS Conditional: The ident() function in @container/container-name</title>
+<link rel="help" href="https://drafts.csswg.org/css-values-5/#ident">
+<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-rule">
+<link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-name">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+<div id=target></div>
+<script>
+  let actual_ident = 'ident("--myident" calc(42 * sign(1em - 1px)))';
+  let expected_ident = '--myident42';
+
+  // https://drafts.csswg.org/css-conditional-5/#container-name
+  test_computed_value('container-name', actual_ident, expected_ident);
+  test_computed_value('container-name', `--c ${actual_ident}`,
+    `--c ${expected_ident}`);
+
+  // https://drafts.csswg.org/css-conditional-5/#container-shorthand
+  test_computed_value('container', actual_ident, expected_ident);
+  test_computed_value('container', `--c ${actual_ident} / size`,
+    `--c ${expected_ident} / size`);
+
+</script>
