{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/1326","labels_url":"https://api.github.com/repos/facebook/react/issues/1326/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/1326/comments","events_url":"https://api.github.com/repos/facebook/react/issues/1326/events","html_url":"https://github.com/facebook/react/issues/1326","id":30449259,"number":1326,"title":"CSSTransitionGroup buggy due to transition events not firing reliably","user":{"login":"mariusk","id":218612,"avatar_url":"https://avatars.githubusercontent.com/u/218612?v=3","gravatar_id":"","url":"https://api.github.com/users/mariusk","html_url":"https://github.com/mariusk","followers_url":"https://api.github.com/users/mariusk/followers","following_url":"https://api.github.com/users/mariusk/following{/other_user}","gists_url":"https://api.github.com/users/mariusk/gists{/gist_id}","starred_url":"https://api.github.com/users/mariusk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mariusk/subscriptions","organizations_url":"https://api.github.com/users/mariusk/orgs","repos_url":"https://api.github.com/users/mariusk/repos","events_url":"https://api.github.com/users/mariusk/events{/privacy}","received_events_url":"https://api.github.com/users/mariusk/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/facebook/react/labels/Component:%20Addons%20/%20TransitionGroup","name":"Component: Addons / TransitionGroup","color":"fad8c7"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":27,"created_at":"2014-03-29T18:17:54Z","updated_at":"2015-06-30T13:44:15Z","closed_at":null,"body":"While trying to convince React to replace DOM nodes in-place (which seems is not supported), I've discovered something that looks like bugs. I've put up a demo on http://jsbin.com/hokahaze/6/edit .\r\n\r\nFirst of all, if a node gets replaced while animation is progressing, it is not removed. In the demo it means additional lines are created. As soon as the animation completes, the node usually goes away.\r\n\r\nThe second \"feature\" here is that if you leave that demo running, change to another tab, wait 10 seconds and change back to the tab with the demo running, it will now have accumulated lots of \"green items\" which are basically stuck (meaning their animation completed, but they were not removed from the dom).\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/117188624","html_url":"https://github.com/facebook/react/issues/1326#issuecomment-117188624","issue_url":"https://api.github.com/repos/facebook/react/issues/1326","id":117188624,"user":{"login":"spicyj","id":6820,"avatar_url":"https://avatars.githubusercontent.com/u/6820?v=3","gravatar_id":"","url":"https://api.github.com/users/spicyj","html_url":"https://github.com/spicyj","followers_url":"https://api.github.com/users/spicyj/followers","following_url":"https://api.github.com/users/spicyj/following{/other_user}","gists_url":"https://api.github.com/users/spicyj/gists{/gist_id}","starred_url":"https://api.github.com/users/spicyj/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/spicyj/subscriptions","organizations_url":"https://api.github.com/users/spicyj/orgs","repos_url":"https://api.github.com/users/spicyj/repos","events_url":"https://api.github.com/users/spicyj/events{/privacy}","received_events_url":"https://api.github.com/users/spicyj/received_events","type":"User","site_admin":false},"created_at":"2015-06-30T13:44:15Z","updated_at":"2015-06-30T13:44:15Z","body":"TimeoutTransitionGroup, like CSSTransitionGroup, uses TransitionGroup to do CSS animations. If you're triggering them by hand there's no reason to use TimeoutTransitionGroup."}}