Closed Bug 1885215 Opened 2 years ago Closed 2 years ago

[wpt-sync] Sync PR 44939 - Add support for auto keyword in CSS calc-size().

Categories

(Core :: CSS Parsing and Computation, task, P4)

task

Tracking

()

RESOLVED FIXED
125 Branch
Tracking Status
firefox125 --- fixed

People

(Reporter: wpt-sync, Unassigned)

References

()

Details

(Whiteboard: [wptsync downstream])

Sync web-platform-tests PR 44939 into mozilla-central (this bug is closed when the sync is complete).

PR: https://github.com/web-platform-tests/wpt/pull/44939
Details from upstream follow.

L. David Baron <dbaron@chromium.org> wrote:

Add support for auto keyword in CSS calc-size().

This adds support for the auto keyword in calc-size() by adding the
small changes needed through the whole pipeline: parsing, storage, and
layout. The layout change here is only a single change to activate the
changes in the dependent CLs.

This adds a number of tests for auto. The existing tests for animation
from a neutral keyframe to calc-size(auto, size) do not yet work, but
animation between calc-size(auto, ...) values works (as shown by the new
tests).

Bug: 313072
Change-Id: Ibe0c1597eef0bf442f58375da70ea5a12b620acd
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5336236
Commit-Queue: David Baron \<dbaron@chromium.org>
Reviewed-by: Ian Kilpatrick \<ikilpatrick@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1272370}

PR 44939 applied with additional changes from upstream: 1c839111fa1a7e1a06cbb359e89982f9cea5114b
Component: web-platform-tests → CSS Parsing and Computation
Product: Testing → Core
Whiteboard: [wptsync downstream] → [wptsync downstream error]
Whiteboard: [wptsync downstream error] → [wptsync downstream]

CI Results

Ran 8 Firefox configurations based on mozilla-central, and Firefox, Chrome, and Safari on GitHub CI

Total 5 tests and 23 subtests

Status Summary

Firefox

OK : 5
PASS: 18
FAIL: 293

Chrome

OK : 5
PASS: 191
FAIL: 120

Safari

OK : 5
PASS: 18
FAIL: 293

Links

Gecko CI (Treeherder)
GitHub PR Head
GitHub PR Base

Details

New Tests That Don't Pass

  • /css/css-values/calc-size/animation/calc-size-height-interpolation.tentative.html [wpt.fyi]
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [75px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0) should be [100px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [125px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [175px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (1) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [225px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0 * size)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html [wpt.fyi]
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (-0.25) should be [150px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0) should be [200px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.25) should be [250px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [300px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [350px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [400px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [450px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • CSS Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (-0.25) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0) should be [0]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.25) should be [25px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.5) should be [50px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (0.75) should be [75px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1) should be [100px]: FAIL (Chrome: PASS, Safari: FAIL)
    • Web Animations: property <width> from [calc-size(min-content, 0px)] to [calc-size(min-content, size)] at (1.25) should be [125px]: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-values/calc-size/calc-size-height.tentative.html [wpt.fyi]
    • resolved height for height in auto height container: calc-size(any, 357px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(any, 357px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(any, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(any, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(31%, size): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(max-content, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(max-content, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(fit-content, 72px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(fit-content, 72px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(37px, 93px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(37px, 93px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(83px, size * 3): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(83px, size * 3): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(min-content, size / 2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(min-content, size / 2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(max-content, size * 1.2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(max-content, size * 1.2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(fit-content, size / 2 + 30px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(fit-content, size / 2 + 30px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(30px, 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(30px, 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(calc-size(any, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(calc-size(any, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(calc-size(2in, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(calc-size(2in, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(calc-size(min-content, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(calc-size(min-content, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc(12% + calc-size(any, 31%)): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(any, 31% + 12px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(any, 31% + 12px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved height for height in auto height container: calc-size(auto, size * 1.5): FAIL (Chrome: FAIL, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(auto, size * 1.5): FAIL (Chrome: FAIL, Safari: FAIL)
  • /css/css-values/calc-size/calc-size-parsing.tentative.html [wpt.fyi]
    • e.style['width'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['min-width'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['height'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['min-height'] = "calc-size(auto, size)" should set the property value: FAIL (Chrome: FAIL, Safari: FAIL)
    • e.style['width'] = "calc-size(fit-content, size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['height'] = "calc-size(min-content, size * 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-width'] = "calc-size(max-content, size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['max-height'] = "calc-size(fit-content, 30px + size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(fit-content, 50% + size / 2)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 40%)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, 50px + 30%)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(any, calc-size(10px, sign(size) * size))" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(30px, 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(any, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(2in, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(min-content, 30px), 25em)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
    • e.style['width'] = "calc-size(calc-size(min-content, size), size)" should set the property value: FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-values/calc-size/calc-size-width.tentative.html [wpt.fyi]
    • resolved width for width: calc-size(any, 357px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(any, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(max-content, 31%): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(fit-content, 72px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(37px, 93px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(83px, size * 3): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(min-content, size / 2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(max-content, size * 1.2): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(fit-content, size / 4 + 30px): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(stretch, size / 2 - 10%): FAIL (Chrome: FAIL, Safari: FAIL)
    • resolved width for width: calc-size(30px, 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(calc-size(any, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(calc-size(2in, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(calc-size(min-content, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(calc-size(min-content, size), size): FAIL (Chrome: PASS, Safari: FAIL)
    • resolved width for width: calc-size(auto, size * 0.6 + 23px): FAIL (Chrome: FAIL, Safari: FAIL)
    • resolved width for width: with container width 300px: FAIL (Safari: FAIL)
    • resolved width for width: with container width 500px: FAIL (Safari: FAIL)
    • resolved width for width: with container width 700px: FAIL (Safari: FAIL)
Pushed by wptsync@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/e1cf58d39e38 [wpt PR 44939] - Add support for auto keyword in CSS calc-size()., a=testonly https://hg.mozilla.org/integration/autoland/rev/e985144af421 [wpt PR 44939] - Update wpt metadata, a=testonly
Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
Target Milestone: --- → 125 Branch
You need to log in before you can comment on or make changes to this bug.