Bug 166028
| Summary: | REGRESSION (macOS Sierra): SVG circles with stroke-dashoffset can no longer rotate at 90 degree intervals via CSS | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | greg |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | ap, simon.fraser, webkit-bug-importer, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 10 | ||
| Hardware: | Unspecified | ||
| OS: | macOS 10.12 | ||
greg
I'm unable to get SVG circles with the stroke-dashoffset property to properly rotate at 90 degree intervals (90, 180, 270) using the transform: rotate() CSS property. It renders as if no rotation transform was applied. Values at other degrees rotate correctly (even point values such as 90.1 and 180.1). SVG rectangles appear to rotate properly. I've created a codepen that shows the problem here: http://codepen.io/gmusick/pen/qqgMvp.
I'm on Safari 10.0.1 on Mac 10.12.1. This also repros on Safari for iOS 10.1. This works, however, on Safari 10.0.1 on Mac 10.11.6.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/29758409>
Simon Fraser (smfr)
This problem is below webkit, but it's known and being tracked for a future fix.
Alexey Proskuryakov
As far as I can tell, this should be fixed in macOS Sierra 10.12.2 and iOS 10.2 that recently shipped.