[Webkit-unassigned] [Bug 204745] New: 100% CPU usage on transition with linear-gradient using CSS variables

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Mon Dec 2 05:23:39 PST 2019


https://bugs.webkit.org/show_bug.cgi?id=204745

            Bug ID: 204745
           Summary: 100% CPU usage on transition with linear-gradient
                    using CSS variables
           Product: WebKit
           Version: Safari 13
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: hartman.wiki at gmail.com
                CC: dino at apple.com

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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20191202/887067df/attachment-0001.htm>


More information about the webkit-unassigned mailing list