{"action":"created","issue":{"url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/212","repository_url":"https://api.github.com/repos/twitter-fabric/velocity-react","labels_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/212/labels{/name}","comments_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/212/comments","events_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/212/events","html_url":"https://github.com/twitter-fabric/velocity-react/issues/212","id":238503099,"number":212,"title":"When triggering enter and leave animations quickly, the animation timing breaks ","user":{"login":"hirenumradia","id":2716293,"avatar_url":"https://avatars6.githubusercontent.com/u/2716293?v=4","gravatar_id":"","url":"https://api.github.com/users/hirenumradia","html_url":"https://github.com/hirenumradia","followers_url":"https://api.github.com/users/hirenumradia/followers","following_url":"https://api.github.com/users/hirenumradia/following{/other_user}","gists_url":"https://api.github.com/users/hirenumradia/gists{/gist_id}","starred_url":"https://api.github.com/users/hirenumradia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hirenumradia/subscriptions","organizations_url":"https://api.github.com/users/hirenumradia/orgs","repos_url":"https://api.github.com/users/hirenumradia/repos","events_url":"https://api.github.com/users/hirenumradia/events{/privacy}","received_events_url":"https://api.github.com/users/hirenumradia/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":7,"created_at":"2017-06-26T10:35:05Z","updated_at":"2017-07-15T19:08:46Z","closed_at":null,"body":"Hi,\r\n\r\nI am facing an issue with the latest version of 'velocity-react'. I have something like this (where an element is added or removed from the transition group is active):\r\n\r\n` <VelocityTransitionGroup enter={{animation: \"transition.slideLeftIn\", stagger: \"200\", duration: \"400\"}} leave={{animation: \"transition.slideLeftOut\", backwards: \"150\"}}>\r\n        {isActive && linksHTML}\r\n</VelocityTransitionGroup>`\r\n\r\nWhen i trigger the enter and leave animation really quickly, there are some really wierd visual sideffects happening where the animations are transitioning and canceling properly.\r\n\r\nI decided to go back to an older version and realised that it worked fine in version 1.1.4 but any version after that it was a problem. One of the things I noticed was that a `\"|| ^15.0.0\"` was added to `\"react-addons-transition-group\"` in package.json in versions later than 1.1.4\r\n\r\nAs this package has moved to ''react-transition-group\" I suspected it was a new version of that package that was a problem. So I built the latest version of 'velocity-react' but with older versions of \"react-transition-group\" and found that all versions before '1.2.0' worked fine in my application.\r\n\r\nSo I decided to look at the commits made in the 'react-transition-group' repo for the '1.2.0' tag and found this commit:\r\n\r\nhttps://github.com/reactjs/react-transition-group/commit/b54588a81bef9cca981601d6b3227074510bc5cf\r\n\r\nThis looks like the most obvious offender out of all the pull requests merged in 1.2.0. I havn't looked into whats going on yet but thought I would share what I found."},"comment":{"url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/comments/315555411","html_url":"https://github.com/twitter-fabric/velocity-react/issues/212#issuecomment-315555411","issue_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/212","id":315555411,"user":{"login":"finneganh","id":260837,"avatar_url":"https://avatars5.githubusercontent.com/u/260837?v=4","gravatar_id":"","url":"https://api.github.com/users/finneganh","html_url":"https://github.com/finneganh","followers_url":"https://api.github.com/users/finneganh/followers","following_url":"https://api.github.com/users/finneganh/following{/other_user}","gists_url":"https://api.github.com/users/finneganh/gists{/gist_id}","starred_url":"https://api.github.com/users/finneganh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/finneganh/subscriptions","organizations_url":"https://api.github.com/users/finneganh/orgs","repos_url":"https://api.github.com/users/finneganh/repos","events_url":"https://api.github.com/users/finneganh/events{/privacy}","received_events_url":"https://api.github.com/users/finneganh/received_events","type":"User","site_admin":false},"created_at":"2017-07-15T19:08:46Z","updated_at":"2017-07-15T19:08:46Z","body":"Is the issue here w/ velocity-react > 1.1.4 or react-transition-group >= 1.2.0?"}}
{"actor":{"display_login":"finneganh"}}