[Webkit-unassigned] [Bug 281270] New: opacity animations prevented / delayed when browser is busy - works in FF and Chrome / Edge

[bugzilla-daemon at webkit.org]

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

            Bug ID: 281270
           Summary: opacity animations prevented / delayed when browser is
                    busy - works in FF and Chrome / Edge
           Product: WebKit
           Version: Safari 18
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jmturner8 at gmail.com
                CC: graouts at apple.com

It seems like Safari (all versions) has an issue where opacity-only animations are delayed when the browser is otherwise busy. It was my understanding that as long as the only thing being animated involves an opacity change, the browser shouldn't require repaints to animate properly and logic that is otherwise running and blocking repaints should not cause issues.

I added the following codepen to show an example of the issue:
https://codepen.io/turjmner8/pen/RwXoOXL

If you load the page, and click the 'Start' button to run the JS code, an animation class is applied to some 'loading' bars. On the next tick, some intense browser updates begin to keep the browser busy for a few seconds (5000 table rows containing 20 cells each are added, and then the width of the table triggers repeated reflows and calculations).

In Safari, the opacity animations will not start while the browser is busy, while in other major browsers (Chrome, Firefox, Edge, etc...) there is no delay and the animations occur immediately even though the browser is still busy in the background with other calculations.

-- 
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/20241011/58618ffc/attachment.htm>