Summary: | WPT failures due to calc() serialization | ||
---|---|---|---|
Product: | WebKit | Reporter: | Antoine Quint <graouts> |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED CONFIGURATION CHANGED | ||
Severity: | Normal | CC: | simon.fraser, webkit-bug-importer |
Priority: | P2 | Keywords: | InRadar |
Version: | Safari Technology Preview | ||
Hardware: | Unspecified | ||
OS: | Unspecified | ||
Bug Depends on: | 224322, 224376, 224420, 224611, 224670 | ||
Bug Blocks: |
Description
Antoine Quint
2021-03-28 23:40:20 PDT
Some affected tests: - css-values/animations/calc-interpolation.html - css-transitions/animations/vertical-align-interpolation.html - css-backgrounds/animations/background-position-origin-interpolation.html - css-backgrounds/animations/border-image-width-interpolation.html There may be more. Linky? It would probably be wise to start with https://wpt.fyi/results/css/css-values/animations/calc-interpolation.html?label=master&label=experimental&aligned. My guess is that other test failures are all due to issues that are present in this test. Other WPT tests under css/ which have calc-related issues: - css-backgrounds/animations/background-position-interpolation.html - css-backgrounds/animations/border-radius-interpolation.html - css-shapes/animation/shape-outside-interpolation.html Bug 224322 will already improve the situation but not fix every case. Here's an example where we fail to simplify at all: <div style="border-top-left-radius: calc(5px + (0.5 * (100% - 80px)))"> <script> console.assert(document.querySelector("div").style.borderTopLeftRadius == "calc(50% - 35px)"); </script> Bug 224376 will fix some more cases. Yet more cases will be fixed by bug 224611. A few more cases are covered by bug 224670. The issues I was tracking are all fixed by the fixed bugs this bug depended on. Closing. |