[Webkit-unassigned] [Bug 278852] New: CSS rounding functions can't take variables

[bugzilla-daemon at webkit.org]

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

            Bug ID: 278852
           Summary: CSS rounding functions can't take variables
           Product: WebKit
           Version: Safari 18
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: alextheracoonthesecond at gmail.com
                CC: koivisto at iki.fi

Created attachment 472343

  --> https://bugs.webkit.org/attachment.cgi?id=472343&action=review

Screenshot comparing different behavior in Chrome and Safari

Expected behavior:
CSS functions round(), rem(), mod() take css variables and calculate values dynamically.

Actual behavior:
Calculation fails, value is not applied to the CSS property.

Example:
https://codepen.io/chipa014/pen/vYqarRP
Expected behavior:
Pink div is translated to the right (Screenshot upper half, Chrome).
Actual behavior:
Pink div is not translated, staying in the corner (Screenshot lower half, Safari).

-- 
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/20240829/d07bee76/attachment.htm>