Bug 218299
| Summary: | Incorrect calc percent values in SVG | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Zach Bjornson <zbbjornson> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED CONFIGURATION CHANGED | ||
| 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!
Ahmad Saleem
It seems to work fine now with Safari Technology Preview 234 and Safari 26.3 Beta, so this seems to be fixed.
Marking this as `RESOLVED Configuration Changed`.