Bug 166493 - Nested calc (e.g. calc(calc(x))) doesn't work
Summary: Nested calc (e.g. calc(calc(x))) doesn't work
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 10
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2016-12-27 12:15 PST by Oliver Joseph Ash
Modified: 2017-01-05 12:00 PST (History)
3 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.