{"action":"created","issue":{"url":"https://api.github.com/repos/web-animations/web-animations-js/issues/84","repository_url":"https://api.github.com/repos/web-animations/web-animations-js","labels_url":"https://api.github.com/repos/web-animations/web-animations-js/issues/84/labels{/name}","comments_url":"https://api.github.com/repos/web-animations/web-animations-js/issues/84/comments","events_url":"https://api.github.com/repos/web-animations/web-animations-js/issues/84/events","html_url":"https://github.com/web-animations/web-animations-js/issues/84","id":175753059,"number":84,"title":"Dashoffset not properly animating in ios 8.1","user":{"login":"filaraujo","id":189541,"avatar_url":"https://avatars.githubusercontent.com/u/189541?v=3","gravatar_id":"","url":"https://api.github.com/users/filaraujo","html_url":"https://github.com/filaraujo","followers_url":"https://api.github.com/users/filaraujo/followers","following_url":"https://api.github.com/users/filaraujo/following{/other_user}","gists_url":"https://api.github.com/users/filaraujo/gists{/gist_id}","starred_url":"https://api.github.com/users/filaraujo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/filaraujo/subscriptions","organizations_url":"https://api.github.com/users/filaraujo/orgs","repos_url":"https://api.github.com/users/filaraujo/repos","events_url":"https://api.github.com/users/filaraujo/events{/privacy}","received_events_url":"https://api.github.com/users/filaraujo/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-09-08T13:26:20Z","updated_at":"2016-09-16T12:52:56Z","closed_at":null,"body":"For some reason when animating a svg  dashoffset the animation will stutters.  Settings the values through css works fine, but not when using the animate api.\r\n\r\n```html\r\n<svg width=\"200\" height=\"200\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\r\n    <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"white\" fill=\"none\" stroke-width=\"10\" stroke-linecap=\"round\"/>\r\n    <circle id=\"line\" cx=\"50\" cy=\"50\" r=\"40\" stroke=\"#808080\" fill=\"none\" stroke-width=\"6\" stroke-linecap=\"round\"/>\r\n  </svg>\r\n  \r\n  <script>\r\n    var line = document.getElementById(\"line\");\r\n    \r\n    line.animate(\r\n      [\r\n        {strokeDashoffset:0},\r\n        {strokeDashoffset:502}\r\n      ],\r\n      { duration: 2000, iterations: Infinity }\r\n    );\r\n    line.animate(\r\n      [\r\n        {strokeDasharray:\"150.6 100.4\"},\r\n        {strokeDasharray:\"1 250\"},\r\n        {strokeDasharray:\"150.6 100.4\"}\r\n      ],\r\n      { duration: 2000, iterations: Infinity }\r\n    );\r\n  </script>\r\n```\r\nor jsbin\r\nhttp://jsbin.com/wecabo/1/edit?html,output"},"comment":{"url":"https://api.github.com/repos/web-animations/web-animations-js/issues/comments/247592898","html_url":"https://github.com/web-animations/web-animations-js/issues/84#issuecomment-247592898","issue_url":"https://api.github.com/repos/web-animations/web-animations-js/issues/84","id":247592898,"user":{"login":"jakearchibald","id":93594,"avatar_url":"https://avatars.githubusercontent.com/u/93594?v=3","gravatar_id":"","url":"https://api.github.com/users/jakearchibald","html_url":"https://github.com/jakearchibald","followers_url":"https://api.github.com/users/jakearchibald/followers","following_url":"https://api.github.com/users/jakearchibald/following{/other_user}","gists_url":"https://api.github.com/users/jakearchibald/gists{/gist_id}","starred_url":"https://api.github.com/users/jakearchibald/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jakearchibald/subscriptions","organizations_url":"https://api.github.com/users/jakearchibald/orgs","repos_url":"https://api.github.com/users/jakearchibald/repos","events_url":"https://api.github.com/users/jakearchibald/events{/privacy}","received_events_url":"https://api.github.com/users/jakearchibald/received_events","type":"User","site_admin":false},"created_at":"2016-09-16T12:52:56Z","updated_at":"2016-09-16T12:52:56Z","body":"Your demo doesn't work as you're using `href` rather than `src` on the script element.\r\n\r\nBut yeah, there seems to be a bug here. The polyfill is only setting `strokeDasharray` to be the first & final values - no interpolation."}}
{"actor":{"display_login":"jakearchibald"}}