Bug 166493
| Summary: | Nested calc (e.g. calc(calc(x))) doesn't work | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Oliver Joseph Ash <oliverjash> |
| Component: | CSS | Assignee: | 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 | ||
Oliver Joseph Ash
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
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Sergio Gomes
Note that Safari Tech Preview Release 20 appears to have fixed this issue.
Simon Fraser (smfr)
Agreed.