[Webkit-unassigned] [Bug 251022] New: Web Animation API does not update root CSS Variables

[bugzilla-daemon at webkit.org]

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

            Bug ID: 251022
           Summary: Web Animation API does not update root CSS Variables
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: clshortfuse at gmail.com

When using Web Animation API to update CSS Variables, root CSS variables are not updated. Child elements do reflect updated variables. commitStyles() works (but would violate inline-style csp).

eg: 

box3
  .animate([{
    '--background-color': 'gray',
    '--color': 'blue',
  }], {
    duration: 0,
    fill: 'forwards',
  });

See codepen: https://codepen.io/shortfuse/pen/JjBpeQX

For comparison, all tests pass on Chrome and no CSS Variable related tests pass on Firefox.

-- 
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/20230123/42490920/attachment.htm>