Closed Bug 1882197 Opened 9 months ago Closed 9 months ago

[wpt-sync] Sync PR 44800 - In a few cases, check whether calc() values have percents rather than assuming they do.

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 44800 into mozilla-central (this bug is closed when the sync is complete).

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

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

In a few cases, check whether calc() values have percents rather than assuming they do.

This starts the path of treating calc() values that don't have percent
values within them (but instead have intrinsic sizes in them) as not
having percents.

This gets height: calc-size() working in a few useful cases.

This adds tests for height animation. Of the four sets of tests, only
the second set currently passes. The last two sets require further work
on correctly propagating whether a value has percentages through
animations. The first set requires implementing support for 'auto'
values in 'calc-size()'.

This also adds tests for static values of height. These all pass except
for the tests that depend on percentages resolving to zero in the cases
where the value was not treated as being a percentage value.

Bug: 313072
Change-Id: Iecf12450ac7df0c7c347a50f0f3664ae388cbfae
Reviewed-on: https://chromium-review.googlesource.com/5316787
WPT-Export-Revision: 9616fcd0974d8e8a7229c3193596b6c52e11d10c

Component: web-platform-tests → CSS Parsing and Computation
Product: Testing → Core

CI Results

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

Total 5 tests and 21 subtests

Status Summary

Firefox

OK : 5
PASS: 8
FAIL: 227

Chrome

OK : 5
PASS: 96
FAIL: 139

Safari

OK : 5
PASS: 8
FAIL: 227

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 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: FAIL, 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: 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 [25px]: FAIL (Chrome: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: FAIL, 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: FAIL, 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: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: FAIL, 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: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (-0.25) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0) should be [0]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.25) should be [25px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.5) should be [50px]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <height> from [0] to [calc-size(max-content, size)] at (0.75) should be [75px]: FAIL (Chrome: FAIL, 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: FAIL, Safari: FAIL)
  • /css/css-values/calc-size/animation/calc-size-width-interpolation.tentative.html [wpt.fyi]
    • 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 [calc-size(auto, size * 1.25)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [calc-size(auto, size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [calc-size(auto, size * 1.75)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [calc-size(auto, size * 2)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [calc-size(auto, size * 2.25)]: 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 [calc-size(auto, size * 1.25)]: 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 [calc-size(auto, size * 1.5)]: 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 [calc-size(auto, size * 1.75)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Transitions with transition: all: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [calc-size(auto, size * 2)]: 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 [calc-size(auto, size * 2.25)]: 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 [calc-size(auto, size * 1.25)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [calc-size(auto, size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [calc-size(auto, size * 1.75)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [calc-size(auto, size * 2)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • CSS Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [calc-size(auto, size * 2.25)]: 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 [calc-size(auto, size * 1.25)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.5) should be [calc-size(auto, size * 1.5)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (0.75) should be [calc-size(auto, size * 1.75)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1) should be [calc-size(auto, size * 2)]: FAIL (Chrome: FAIL, Safari: FAIL)
    • Web Animations: property <width> from neutral to [calc-size(auto, size * 2)] at (1.25) should be [calc-size(auto, size * 2.25)]: 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, 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: FAIL, Safari: FAIL)
    • resolved height for height in definite height container: calc-size(calc-size(min-content, 30px), 15em): FAIL (Chrome: PASS, Safari: FAIL)
  • /css/css-values/calc-size/calc-size-parsing.tentative.html [wpt.fyi]
    • 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: 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/f1f3271cde2f [wpt PR 44800] - In a few cases, check whether calc() values have percents rather than assuming they do., a=testonly https://hg.mozilla.org/integration/autoland/rev/24eae4331ad2 [wpt PR 44800] - Update wpt metadata, a=testonly
Status: NEW → RESOLVED
Closed: 9 months ago
Resolution: --- → FIXED
Target Milestone: --- → 125 Branch
You need to log in before you can comment on or make changes to this bug.