[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

phil+webkit at fillip.pro changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
                 CC|                            |phil+webkit at fillip.pro

--- Comment #2 from phil+webkit at fillip.pro ---
This also occurs when loading background images. Replicated in a custom component where the background image of a button was repeatedly requested when a change to the button was expected. This could include a transform or simply a class change.

For example, the following snippet will cause the background image to reload constantly. 

button {
    background-color:    transparent;
    background-image:    var(--indago-action-menu-icon);
    transform: var(--indago-action-panel-transform); 
    transition: var(--indago-action-panel-transition); 
}

This occurs on both iOS and MacOS. Lesser impacts include flickering of the images due to unnecessary reloading, but the CPU and the GET requests are significantly more severe, even if less obvious to the end-user.

Other examples currently experienced include a reload on every :hover.

-- 
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/20190227/5a992ffa/attachment.html>