[Webkit-unassigned] [Bug 194332] CSS custom properties on pseudo elements background gradients causes infinite layout and high CPU load

[bugzilla-daemon at webkit.org]

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

Don Denton <denton.don at gmail.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |denton.don at gmail.com

--- Comment #3 from Don Denton <denton.don at gmail.com> ---
It appears as though the alpha-channel is actually what is the final trigger for the problem. *Not* the custom property as the title of this bug indicates. Change the `rgba` functions to `rgb` in both locations and the problem vanishes.

I do believe that the `transition` is also necessary to reproduce.

Minimal repro: https://jsfiddle.net/0ph9xkrt/7/

In this example, when you hover over the paragraph, the rendering never ends.

It only works when all the following are true:

1. a transition is defined that is not instantaneous
2. there is an alpha channel in the color that is *exclusively* between 0 and 1
3. there is at least one color channel which is *exclusively* between 0 and 255.

The original example from this bug report pegs the CPU harder than mine, but I believe they are the same bug at its core.

-- 
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/20190505/eada549b/attachment-0001.html>