Bug 166493

Summary: Nested calc (e.g. calc(calc(x))) doesn't work
Product: WebKit Reporter: Oliver Joseph Ash <oliverjash>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: hyatt, sgomes, simon.fraser
Priority: P2    
Version: Safari 10   
Hardware: All   
OS: All   
See Also: https://bugs.webkit.org/show_bug.cgi?id=161002

Description Oliver Joseph Ash 2016-12-27 12:15:15 PST 
When nesting occurs in the CSS calc function, WebKit fails to calculate the result.

Example (works in Chrome, empty in Safari): http://jsbin.com/tonova/10/edit?html,css,output

This is quite common when using CSS variables, e.g. http://jsbin.com/tonova/11/edit?html,css,output

There could be some overlap here with issue https://bugs.webkit.org/show_bug.cgi?id=161002
Comment 1 Sergio Gomes 2016-12-29 08:52:00 PST 
Note that Safari Tech Preview Release 20 appears to have fixed this issue.
Comment 2 Simon Fraser (smfr) 2017-01-05 12:00:35 PST 
Agreed.