{"action":"created","issue":{"url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/12","repository_url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down","labels_url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/12/labels{/name}","comments_url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/12/comments","events_url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/12/events","html_url":"https://github.com/danieldiekmeier/vue-slide-up-down/issues/12","id":366286115,"node_id":"MDU6SXNzdWUzNjYyODYxMTU=","number":12,"title":"Please add hooks that is triggered when the transition is done","user":{"login":"AndreasHeintze","id":2219544,"node_id":"MDQ6VXNlcjIyMTk1NDQ=","avatar_url":"https://avatars2.githubusercontent.com/u/2219544?v=4","gravatar_id":"","url":"https://api.github.com/users/AndreasHeintze","html_url":"https://github.com/AndreasHeintze","followers_url":"https://api.github.com/users/AndreasHeintze/followers","following_url":"https://api.github.com/users/AndreasHeintze/following{/other_user}","gists_url":"https://api.github.com/users/AndreasHeintze/gists{/gist_id}","starred_url":"https://api.github.com/users/AndreasHeintze/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AndreasHeintze/subscriptions","organizations_url":"https://api.github.com/users/AndreasHeintze/orgs","repos_url":"https://api.github.com/users/AndreasHeintze/repos","events_url":"https://api.github.com/users/AndreasHeintze/events{/privacy}","received_events_url":"https://api.github.com/users/AndreasHeintze/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-10-03T11:09:05Z","updated_at":"2018-10-04T08:12:34Z","closed_at":null,"author_association":"NONE","body":"I would like to run some javascript when the transition is done. Can you please add this?"},"comment":{"url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/comments/426925630","html_url":"https://github.com/danieldiekmeier/vue-slide-up-down/issues/12#issuecomment-426925630","issue_url":"https://api.github.com/repos/danieldiekmeier/vue-slide-up-down/issues/12","id":426925630,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNjkyNTYzMA==","user":{"login":"danieldiekmeier","id":2098462,"node_id":"MDQ6VXNlcjIwOTg0NjI=","avatar_url":"https://avatars2.githubusercontent.com/u/2098462?v=4","gravatar_id":"","url":"https://api.github.com/users/danieldiekmeier","html_url":"https://github.com/danieldiekmeier","followers_url":"https://api.github.com/users/danieldiekmeier/followers","following_url":"https://api.github.com/users/danieldiekmeier/following{/other_user}","gists_url":"https://api.github.com/users/danieldiekmeier/gists{/gist_id}","starred_url":"https://api.github.com/users/danieldiekmeier/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danieldiekmeier/subscriptions","organizations_url":"https://api.github.com/users/danieldiekmeier/orgs","repos_url":"https://api.github.com/users/danieldiekmeier/repos","events_url":"https://api.github.com/users/danieldiekmeier/events{/privacy}","received_events_url":"https://api.github.com/users/danieldiekmeier/received_events","type":"User","site_admin":false},"created_at":"2018-10-04T08:12:34Z","updated_at":"2018-10-04T08:12:34Z","author_association":"OWNER","body":"This is not a bad idea, but I'm not sure when I'll have the time to implement this.\r\n\r\nUntil then, you could use a `transitionend` event listener on the container element:\r\n\r\n```\r\nmounted () {\r\n  const el = this.$refs.upDownEl.$refs.container\r\n  el.addEventListener('transitionend', () => {\r\n    console.log('transition ended')\r\n  })\r\n},\r\n```\r\n\r\nSee this CodePen for a full example: https://codepen.io/danieldiekmeier/pen/YapGWq\r\n\r\nAnd this article for more information about the event: https://jonsuh.com/blog/detect-the-end-of-css-animations-and-transitions-with-javascript/"}}
{"actor":{"display_login":"danieldiekmeier"}}