RESOLVED CONFIGURATION CHANGED 204745
100% CPU usage on transition with linear-gradient using CSS variables 
https://bugs.webkit.org/show_bug.cgi?id=204745
Summary 100% CPU usage on transition with linear-gradient using CSS variables
Derk-Jan Hartman
Reported 2019-12-02 05:23:39 PST
Safari 15608.3.10.1.4 This is about the combination: background: linear-gradient(300deg, var(--black-100) 0%, var(--black-100) 100%); transition: .2s; The following repro uses: 100% https://codepen.io/hartman/pen/bGNGBKQ This repro without CSS variables does not: https://codepen.io/hartman/pen/JjojEgm I'm assuming the variable breaks the 'no change/noop' detection and throws the transition into an endless update loop.
Attachments
Add attachment proposed patch, testcase, etc.
Simon Fraser (smfr)
Comment 1 2019-12-02 14:34:57 PST
I think this has been fixed. Can you try an Safari Tech Preview?
Derk-Jan Hartman
Comment 2 2019-12-03 01:03:43 PST
Seems so. Is this fix likely to land in a patch version of Safari as well, or do we have to wait for a March .1 release ? I'm guessing a 100% CPU issue falls within some definitions of 'security fixes' ;)
Alexey Proskuryakov
Comment 3 2019-12-03 23:55:23 PST
Marking as configuration changed since it's fixed in WebKit. We cannot comment on future Apple software releases.
Note You need to log in before you can comment on or make changes to this bug.