{"action":"opened","issue":{"url":"https://api.github.com/repos/bocoup/coral-ask-election-2016/issues/44","repository_url":"https://api.github.com/repos/bocoup/coral-ask-election-2016","labels_url":"https://api.github.com/repos/bocoup/coral-ask-election-2016/issues/44/labels{/name}","comments_url":"https://api.github.com/repos/bocoup/coral-ask-election-2016/issues/44/comments","events_url":"https://api.github.com/repos/bocoup/coral-ask-election-2016/issues/44/events","html_url":"https://github.com/bocoup/coral-ask-election-2016/issues/44","id":185993147,"number":44,"title":"Resolve issue with emoji bubble chart animation","user":{"login":"kadamwhite","id":442115,"avatar_url":"https://avatars.githubusercontent.com/u/442115?v=3","gravatar_id":"","url":"https://api.github.com/users/kadamwhite","html_url":"https://github.com/kadamwhite","followers_url":"https://api.github.com/users/kadamwhite/followers","following_url":"https://api.github.com/users/kadamwhite/following{/other_user}","gists_url":"https://api.github.com/users/kadamwhite/gists{/gist_id}","starred_url":"https://api.github.com/users/kadamwhite/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kadamwhite/subscriptions","organizations_url":"https://api.github.com/users/kadamwhite/orgs","repos_url":"https://api.github.com/users/kadamwhite/repos","events_url":"https://api.github.com/users/kadamwhite/events{/privacy}","received_events_url":"https://api.github.com/users/kadamwhite/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-28T18:43:31Z","updated_at":"2016-10-28T18:43:31Z","closed_at":null,"body":"Chrome desktop:\r\n![emoji-behavior](https://cloud.githubusercontent.com/assets/442115/19817947/b6582a9e-9d1b-11e6-91d5-1238ab577447.gif)\r\nAnd on iPhone:\r\n![emoji-behavior-iphone](https://cloud.githubusercontent.com/assets/442115/19818168/a234b176-9d1c-11e6-8de6-06ce4d1eadf3.gif)\r\n\r\nProvisional approach: Check for a `hasRendered` state property (per item key?) in React, set this in componentDidUpdate after rendering DOM elements the first time. If this prop is present, don't render the margin from React, so that D3 and CSS behave predictably.\r\n\r\nTODO: Get help w/ CSS transitions so that we can have each emoji:\r\n\r\n1. POP in nicely\r\n2. Zoom quickly on mouseover\r\n3. Go back to normal on mouseout"}}
{"actor":{"display_login":"kadamwhite"}}