181242 2018-01-03 06:40:06 -0800 Animation-duration doesn't evaluate changes to a CSS Custom Property via JavaScript in real time 2022-02-01 03:11:40 -0800 1 1 1 Unclassified WebKit CSS Safari Technology Preview All All RESOLVED WORKSFORME https://bugs.webkit.org/show_bug.cgi?id=190179 InRadar P2 Normal --- 1 contact webkit-unassigned dino graouts simon.fraser webkit-bug-importer oldest_to_newest 1385428 0 contact 2018-01-03 06:40:06 -0800 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 1386532 1 webkit-bug-importer 2018-01-06 16:58:51 -0800 <rdar://problem/36336806> 1835891 2 gsnedders 2022-02-01 03:11:40 -0800 This appears to work nowadays.