{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react/issues/8369","repository_url":"https://api.github.com/repos/facebook/react","labels_url":"https://api.github.com/repos/facebook/react/issues/8369/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react/issues/8369/comments","events_url":"https://api.github.com/repos/facebook/react/issues/8369/events","html_url":"https://github.com/facebook/react/issues/8369","id":190818290,"number":8369,"title":"ReactCSSTransitionsGroup doesn't execute enter animation properly in some cases","user":{"login":"skhavari","id":4343866,"avatar_url":"https://avatars.githubusercontent.com/u/4343866?v=3","gravatar_id":"","url":"https://api.github.com/users/skhavari","html_url":"https://github.com/skhavari","followers_url":"https://api.github.com/users/skhavari/followers","following_url":"https://api.github.com/users/skhavari/following{/other_user}","gists_url":"https://api.github.com/users/skhavari/gists{/gist_id}","starred_url":"https://api.github.com/users/skhavari/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/skhavari/subscriptions","organizations_url":"https://api.github.com/users/skhavari/orgs","repos_url":"https://api.github.com/users/skhavari/repos","events_url":"https://api.github.com/users/skhavari/events{/privacy}","received_events_url":"https://api.github.com/users/skhavari/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-11-21T19:52:04Z","updated_at":"2016-11-21T19:59:51Z","closed_at":null,"body":"Trying to build a nifty animation for launching dialogs but running into a snag with ReactCSSTransitionsGroup. The goal is to ensure that the dialog looks like its zooming out of the button that launched it. [Here is a sample that shows the working demo and unexpected behavior](https://jsfiddle.net/bqbj2z24/20/).\r\n\r\nThe unexpected behavior exhibited is the following\r\n\r\n1. Click on the first button (either one). Works perfectly.\r\n1. Click on the second button, the enter animation does not play.\r\n1. Doesn't matter how many buttons you add, only the first works as expected. All additional buttons won't show the enter animation properly.\r\n1. The leave animation works for all buttons.\r\n\r\nI've reproduced this with glamor and aphrodite so feels good to rule out the CSS library as the culprit.  \r\n\r\nTrying to figure out if there's something wrong with the code, unintended usage of ReactCSSTransitionsGroup or a bug with it.\r\n\r\nThanks!\r\n\r\nalso posted on [SO](http://stackoverflow.com/questions/40728125/reactcsstransitionsgroup-with-dynamic-styles-doesnt-execute-enter-animation-pro)"},"comment":{"url":"https://api.github.com/repos/facebook/react/issues/comments/262049949","html_url":"https://github.com/facebook/react/issues/8369#issuecomment-262049949","issue_url":"https://api.github.com/repos/facebook/react/issues/8369","id":262049949,"user":{"login":"gaearon","id":810438,"avatar_url":"https://avatars.githubusercontent.com/u/810438?v=3","gravatar_id":"","url":"https://api.github.com/users/gaearon","html_url":"https://github.com/gaearon","followers_url":"https://api.github.com/users/gaearon/followers","following_url":"https://api.github.com/users/gaearon/following{/other_user}","gists_url":"https://api.github.com/users/gaearon/gists{/gist_id}","starred_url":"https://api.github.com/users/gaearon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gaearon/subscriptions","organizations_url":"https://api.github.com/users/gaearon/orgs","repos_url":"https://api.github.com/users/gaearon/repos","events_url":"https://api.github.com/users/gaearon/events{/privacy}","received_events_url":"https://api.github.com/users/gaearon/received_events","type":"User","site_admin":false},"created_at":"2016-11-21T19:59:51Z","updated_at":"2016-11-21T19:59:51Z","body":"cc @jquense @taion"}}
{"actor":{"display_login":"gaearon"}}