Bug 181242 - Animation-duration doesn't evaluate changes to a CSS Custom Property via JavaScript in real time
Summary: Animation-duration doesn't evaluate changes to a CSS Custom Property via Java...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-01-03 06:40 PST by Ben Frain
Modified: 2018-10-05 14:41 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Ben Frain 2018-01-03 06:40:06 PST
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
Comment 1 Radar WebKit Bug Importer 2018-01-06 16:58:51 PST
<rdar://problem/36336806>