WPT
wpt / css / css-values / random-item-computed.html
Spec: CSS Values ↗
Runs: Chrome 155.0.8039.0 (wpt@d0c38285b, 2026-09-03) | Firefox 157.0a1 (wpt@ed1909ed6, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-a9df8 (wpt@0ea9f2aac, 2026-09-03) | Servo Servo 0.6 (wpt@09159dcb3, 2026-09-02) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 5/37 | 3/37 | 35/37 | 5/37 | 5/37 | 3/37 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| Property color value 'random-item(fixed 0, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed 0.5, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed 0.999, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed 1, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed 0, rgb(1, 0, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(auto, rgb(1, 0, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(auto, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(--key, rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(element-scoped, rgb(1, 0, 0), rgb(0, 1, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(--key element-scoped, rgb(1, 0, 0), rgb(0, 1, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property font-family value 'random-item(fixed 0, {Times, serif}, {Arial, sans-serif})' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property font-family value 'random-item(fixed 0.999, {Times, serif}, {Arial, sans-serif})' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property font-family value 'random-item(fixed 0, { Times, serif }, { Arial, sans-serif })' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property font-family value 'random-item(fixed 0.999, { Times, serif }, { Arial, sans-serif })' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed calc(0.5), rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed calc(1 / 4), rgb(1, 0, 0), rgb(0, 1, 0), rgb(0, 0, 1))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(fixed 1, rgb(1, 0, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Property color value 'random-item(element-scoped --key, rgb(1, 0, 0), rgb(0, 1, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() with a var()-derived <random-key> resolves | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() selecting var(--a) into a registered <length> | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() selecting var(--b) into a registered <length> | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() into a registered <length> | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() into a registered <number> | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| Selecting an empty item is invalid at computed-value time | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() selection is stable across style recalculation | PASS | PASS | PASS | PASS | PASS | PASS |
| Independent auto random-item() instances each resolve to a valid item | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| random-item() with an auto <random-key> is element-scoped | FAIL | FAIL | PASS | FAIL | FAIL | — |
| random-item() with a bare element-scoped <random-key> is not shared between elements | FAIL | FAIL | PASS | FAIL | FAIL | — |
| random-item() with a <dashed-ident> element-scoped <random-key> is not shared between elements | FAIL | FAIL | PASS | FAIL | FAIL | — |
| random-item() with a <dashed-ident> <random-key> is shared between elements | FAIL | FAIL | PASS | FAIL | FAIL | — |
| A shared dashed-ident key selects the same item across properties | PASS | PASS | PASS | PASS | PASS | PASS |
| random() and random-item() using auto in one declaration both resolve | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| A bare element-scoped key selects the same item across random-item() instances | PASS | PASS | PASS | PASS | PASS | PASS |
| random() and random-item() share the base value for a bare element-scoped key | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |
| auto random() and auto random-item() in one value do not share a base value | PASS | FAIL | — | PASS | PASS | — |
| auto random() substituted through var() does not share a base value with random-item() | PASS | FAIL | — | PASS | PASS | — |
| Property color value 'random-item(--, rgb(1, 0, 0), rgb(0, 1, 0))' | FAIL | FAIL | PASS | FAIL | FAIL | FAIL |