{"action":"created","issue":{"url":"https://api.github.com/repos/aurelia/animator-css/issues/28","labels_url":"https://api.github.com/repos/aurelia/animator-css/issues/28/labels{/name}","comments_url":"https://api.github.com/repos/aurelia/animator-css/issues/28/comments","events_url":"https://api.github.com/repos/aurelia/animator-css/issues/28/events","html_url":"https://github.com/aurelia/animator-css/issues/28","id":107370323,"number":28,"title":"Race condition between animation start and animation timeout","user":{"login":"aidesigner","id":1740083,"avatar_url":"https://avatars.githubusercontent.com/u/1740083?v=3","gravatar_id":"","url":"https://api.github.com/users/aidesigner","html_url":"https://github.com/aidesigner","followers_url":"https://api.github.com/users/aidesigner/followers","following_url":"https://api.github.com/users/aidesigner/following{/other_user}","gists_url":"https://api.github.com/users/aidesigner/gists{/gist_id}","starred_url":"https://api.github.com/users/aidesigner/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aidesigner/subscriptions","organizations_url":"https://api.github.com/users/aidesigner/orgs","repos_url":"https://api.github.com/users/aidesigner/repos","events_url":"https://api.github.com/users/aidesigner/events{/privacy}","received_events_url":"https://api.github.com/users/aidesigner/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-09-20T03:32:36Z","updated_at":"2015-10-15T02:29:18Z","closed_at":null,"body":"I believe I have found an issue using the custom animation trigger (animator.animate(...)). The aurelia-animator-css.js has a fixed timeout (this.animationTimeout = 50), which was causing my animations to not start 50% of the time. Basically the animation needs to start, trigger \"webkitAnimationStart animationstart\", and get to this line of code \"_this7._addAnimationToStack(animId);\" within 50ms or the timeout (setTimeout) triggers and all is lost. I increased the timer to 100ms and all is good, but not sure if this arbitrary time increase is a robust fix. Given it is hard to predict the worst case environment/speed 100ms may not be sufficient."},"comment":{"url":"https://api.github.com/repos/aurelia/animator-css/issues/comments/148259059","html_url":"https://github.com/aurelia/animator-css/issues/28#issuecomment-148259059","issue_url":"https://api.github.com/repos/aurelia/animator-css/issues/28","id":148259059,"user":{"login":"michaelmalonenz","id":8335112,"avatar_url":"https://avatars.githubusercontent.com/u/8335112?v=3","gravatar_id":"","url":"https://api.github.com/users/michaelmalonenz","html_url":"https://github.com/michaelmalonenz","followers_url":"https://api.github.com/users/michaelmalonenz/followers","following_url":"https://api.github.com/users/michaelmalonenz/following{/other_user}","gists_url":"https://api.github.com/users/michaelmalonenz/gists{/gist_id}","starred_url":"https://api.github.com/users/michaelmalonenz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/michaelmalonenz/subscriptions","organizations_url":"https://api.github.com/users/michaelmalonenz/orgs","repos_url":"https://api.github.com/users/michaelmalonenz/repos","events_url":"https://api.github.com/users/michaelmalonenz/events{/privacy}","received_events_url":"https://api.github.com/users/michaelmalonenz/received_events","type":"User","site_admin":false},"created_at":"2015-10-15T02:29:18Z","updated_at":"2015-10-15T02:29:18Z","body":"@EisenbergEffect @zewa666 I think I have reproduced this bug after the latest release.  Please find the code (based on the skeleton) here: https://github.com/michaelmalonenz/skeleton-navigation/tree/bug/animator-css%2328"}}