Bug 181242
| Summary: | Animation-duration doesn't evaluate changes to a CSS Custom Property via JavaScript in real time | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Ben Frain <contact> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Normal | CC: | dino, graouts, simon.fraser, webkit-bug-importer |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | All | ||
| OS: | All | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=190179 | ||
Ben Frain
When specifying a `animation-duration` value as a CSS Custom Property, a change of that value via the JS API does not update the UI unless tabs/applications are switched.
Current behaviour:
The animation only updates when a user switches focus from Safari to something else and back
Expected behaviour:
The animation should 're-time' based upon the new value as it is updated.
Further information:
https://benfrain.com/can-css-custom-properties-update-animation-durations-on-the-fly/
Reduction:
https://codepen.io/benfrain/pen/LeRMvm
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/36336806>
Sam Sneddon [:gsnedders]
This appears to work nowadays.