Bug 218299
| Summary: | Incorrect calc percent values in SVG | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Zach Bjornson <zbbjornson> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, bfulgham, koivisto, maggotfish, simon.fraser, webkit-bug-importer, zalan, zimmermann |
| Priority: | P2 | Keywords: | BrowserCompat, InRadar, LayerBasedSVGEngine |
| Version: | Safari 13 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Zach Bjornson
https://jsfiddle.net/u4kp7jLx/2/
In this example, the two circles differ only in the value of --t1:
--t1: calc(100% - 4px); /* bug */
--t1: calc(100px - 4px); /* okay */
That's applied to an SVG element with width=100 height=100, so 100% == 100px.
This works correctly in Firefox and Chrome.
(Safari 13.1.2)
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/70791325>
Ahmad Saleem
I am able to reproduce this bug in Safari Technology Preview 152 on macOS 12.5.1 using test case from Comment 0.
*** Safari Technology Preview 151 ***
First box - Full Blue Circle inside <<<---------- BUG
Second box - Semi blue circle
*** Firefox Nightly 106 & Chrome Canary 107 ***
Both boxes - Semi blue circle
_____________
Just wanted to share updated testing results. Thanks!