[wpt-sync] Sync PR 44939 - Add support for auto keyword in CSS calc-size().
Categories
(Core :: CSS Parsing and Computation, task, P4)
Tracking
()
| 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}
| Assignee | ||
Comment 1•2 years ago
|
||
| Assignee | ||
Updated•2 years ago
|
| Assignee | ||
Updated•2 years ago
|
| Assignee | ||
Updated•2 years ago
|
| Assignee | ||
Comment 2•2 years ago
|
||
| Assignee | ||
Comment 3•2 years ago
|
||
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 Transitions: property <height> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [75px]:
- /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 Transitions: property <width> from [calc-size(auto, size)] to [calc-size(auto, size * 2)] at (-0.25) should be [150px]:
- /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)
- resolved height for height in auto height container: calc-size(any, 357px):
- /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)
- e.style['width'] = "calc-size(auto, size)" should set the property value:
- /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)
- resolved width for width: calc-size(any, 357px):
Comment 5•2 years ago
|
||
| bugherder | ||
https://hg.mozilla.org/mozilla-central/rev/e1cf58d39e38
https://hg.mozilla.org/mozilla-central/rev/e985144af421
Description
•