{"action":"opened","issue":{"url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/70","labels_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/70/labels{/name}","comments_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/70/comments","events_url":"https://api.github.com/repos/twitter-fabric/velocity-react/issues/70/events","html_url":"https://github.com/twitter-fabric/velocity-react/issues/70","id":127606618,"number":70,"title":"Animation not firing properly","user":{"login":"ffxsam","id":12532733,"avatar_url":"https://avatars.githubusercontent.com/u/12532733?v=3","gravatar_id":"","url":"https://api.github.com/users/ffxsam","html_url":"https://github.com/ffxsam","followers_url":"https://api.github.com/users/ffxsam/followers","following_url":"https://api.github.com/users/ffxsam/following{/other_user}","gists_url":"https://api.github.com/users/ffxsam/gists{/gist_id}","starred_url":"https://api.github.com/users/ffxsam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ffxsam/subscriptions","organizations_url":"https://api.github.com/users/ffxsam/orgs","repos_url":"https://api.github.com/users/ffxsam/repos","events_url":"https://api.github.com/users/ffxsam/events{/privacy}","received_events_url":"https://api.github.com/users/ffxsam/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-01-20T05:16:40Z","updated_at":"2016-01-20T05:16:40Z","closed_at":null,"body":"I'm probably using this wrong, but I'm trying to make an overly fade when a variable (`post`) is defined.\r\n\r\n```\r\n    return <div>\r\n      {post ?\r\n        <VelocityComponent animation={{opacity: post ? 1 : 0}} duration={300} runOnMount>\r\n          <div style={{\r\n            background: 'white',\r\n            position: 'fixed',\r\n            top: 0, right: 0, bottom: 0, left: 0, zIndex: 2000\r\n          }}></div>\r\n        </VelocityComponent> : ''\r\n      }\r\n    </div>\r\n```\r\n\r\nHow can I achieve the effect I want? I obviously can't render the `<VelocityComponent>` and its children unless `post` is defined, otherwise there will be a transparent overlay blocking user interaction."}}