RESOLVED INVALID166028
REGRESSION (macOS Sierra): SVG circles with stroke-dashoffset can no longer rotate at 90 degree intervals via CSS 
https://bugs.webkit.org/show_bug.cgi?id=166028
Summary REGRESSION (macOS Sierra): SVG circles with stroke-dashoffset can no longer r...
greg
Reported 2016-12-19 11:40:33 PST
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
Comment 1 2016-12-20 12:33:50 PST
<rdar://problem/29758409>
Simon Fraser (smfr)
Comment 2 2016-12-20 13:07:58 PST
This problem is below webkit, but it's known and being tracked for a future fix.
Alexey Proskuryakov
Comment 3 2016-12-20 15:05:13 PST
As far as I can tell, this should be fixed in macOS Sierra 10.12.2 and iOS 10.2 that recently shipped.
Note You need to log in before you can comment on or make changes to this bug.