-
Notifications
You must be signed in to change notification settings - Fork 2.5k
[CSS Values 4] Math functions - Safari 15.4 #17868
Description
What type of issue is this?
Missing compatibility data
What information was incorrect, unhelpful, or incomplete?
Safari 15.4 released not enough information about the supported CSS math functions:
WebKit added support for calc() math functions including
sin,cos,tan,e,pi,exp,log,atan,acos,asin, andatan2.
But actually, they added support for many more functions. They just didn't list them all in the release notes.
I found tickets in "WebKit Bugzilla" which add support to many CSS functions, and made sure they shipped by checking browser support on "Web Platform Tests" (tests fail on Safari 15.3, and pass on Safari 15.4).
We need to document all the supported CSS functions. Those that mentioned in the release note, and those that didn't.
What browsers does this problem apply to, if applicable?
Safari
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
Release notes:
WebKit Bugzilla:
- https://bugs.webkit.org/show_bug.cgi?id=203312 - Implement the CSS exponent functions: pow(), sqrt(), hypot()
- https://bugs.webkit.org/show_bug.cgi?id=229897 - Implement exp,log functions calc functions
- https://bugs.webkit.org/show_bug.cgi?id=229786 - Implement abs,sign calc functions
- https://bugs.webkit.org/show_bug.cgi?id=230073 - Implement round,mod,rem functions for calc
Web Platform Tests:
- https://wpt.fyi/results/css/css-values?label=master&label=stable&product=chrome&product=edge&product=firefox&product=safari-15.4%20%2816613.1.17.1.11%29&aligned&view=subtest&q=round-mod-rem
- https://wpt.fyi/results/css/css-values?label=master&label=stable&product=chrome&product=edge&product=firefox&product=safari-15.4%20%2816613.1.17.1.11%29&aligned&view=subtest&q=cos
- https://wpt.fyi/results/css/css-values?label=master&label=stable&product=chrome&product=edge&product=firefox&product=safari-15.4%20%2816613.1.17.1.11%29&aligned&view=subtest&q=hypot-pow-sqrt
- https://wpt.fyi/results/css/css-values?label=master&label=stable&product=chrome&product=edge&product=firefox&product=safari-15.4%20%2816613.1.17.1.11%29&aligned&view=subtest&q=exp-log
- https://wpt.fyi/results/css/css-values?label=master&label=stable&product=chrome&product=edge&product=firefox&product=safari-15.4%20%2816613.1.17.1.11%29&aligned&view=subtest&q=signs-abs
MDN URL
BCD Progress
Stepped value functions:
round()- feat(css): Add CSS Values Level 4round()compatibility data #17874mod()- feat(css): Add CSS Values Level 4mod()compatibility data #17873rem()- feat(css): Add CSS Values Level 4rem()compatibility data #17872
Trigonometric functions:
sin()- feat(css): Add CSS Values Level 4sin()compatibility data #17170cos()- feat(css): Add CSS Values Level 4cos()compatibility data #17205tan()- feat(css): Add CSS Values Level 4tan()compatibility data #17206asin()- feat(css): Add CSS Values Level 4asin()compatibility data #17207acos()- feat(css): Add CSS Values Level 4acos()compatibility data #17218atan()- feat(css): Add CSS Values Level 4atan()compatibility data #17220atan2()- feat(css): Add CSS Values Level 4atan2()compatibility data #17221
Exponential functions:
pow()- feat(css): Add CSS Values Level 4pow()compatibility data #17869sqrt()- feat(css): Add CSS Values Level 4sqrt()compatibility data #17870hypot()- feat(css): Add CSS Values Level 4hypot()compatibility data #17871log()- feat(css): Add CSS Values Level 4log()compatibility data #17255exp()- feat(css): Add CSS Values Level 4exp()compatibility data #17256
Sign-related functions: