{"action":"created","issue":{"url":"https://api.github.com/repos/euvl/vue-js-popover/issues/17","repository_url":"https://api.github.com/repos/euvl/vue-js-popover","labels_url":"https://api.github.com/repos/euvl/vue-js-popover/issues/17/labels{/name}","comments_url":"https://api.github.com/repos/euvl/vue-js-popover/issues/17/comments","events_url":"https://api.github.com/repos/euvl/vue-js-popover/issues/17/events","html_url":"https://github.com/euvl/vue-js-popover/issues/17","id":275946734,"node_id":"MDU6SXNzdWUyNzU5NDY3MzQ=","number":17,"title":"No transitions on leave","user":{"login":"diachedelic","id":310464,"node_id":"MDQ6VXNlcjMxMDQ2NA==","avatar_url":"https://avatars1.githubusercontent.com/u/310464?v=4","gravatar_id":"","url":"https://api.github.com/users/diachedelic","html_url":"https://github.com/diachedelic","followers_url":"https://api.github.com/users/diachedelic/followers","following_url":"https://api.github.com/users/diachedelic/following{/other_user}","gists_url":"https://api.github.com/users/diachedelic/gists{/gist_id}","starred_url":"https://api.github.com/users/diachedelic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/diachedelic/subscriptions","organizations_url":"https://api.github.com/users/diachedelic/orgs","repos_url":"https://api.github.com/users/diachedelic/repos","events_url":"https://api.github.com/users/diachedelic/events{/privacy}","received_events_url":"https://api.github.com/users/diachedelic/received_events","type":"User","site_admin":false},"labels":[{"id":598732684,"node_id":"MDU6TGFiZWw1OTg3MzI2ODQ=","url":"https://api.github.com/repos/euvl/vue-js-popover/labels/help%20wanted","name":"help wanted","color":"128A0C","default":true},{"id":598732686,"node_id":"MDU6TGFiZWw1OTg3MzI2ODY=","url":"https://api.github.com/repos/euvl/vue-js-popover/labels/question","name":"question","color":"cc317c","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2017-11-22T05:10:18Z","updated_at":"2018-09-04T08:01:23Z","closed_at":null,"author_association":"NONE","body":"It seems only enter transitions are supported - the popover element is removed from the DOM before `.v-leave-active`, `.v-leave-to` etc are applied."},"comment":{"url":"https://api.github.com/repos/euvl/vue-js-popover/issues/comments/418277190","html_url":"https://github.com/euvl/vue-js-popover/issues/17#issuecomment-418277190","issue_url":"https://api.github.com/repos/euvl/vue-js-popover/issues/17","id":418277190,"node_id":"MDEyOklzc3VlQ29tbWVudDQxODI3NzE5MA==","user":{"login":"mclassdesigns","id":13376530,"node_id":"MDQ6VXNlcjEzMzc2NTMw","avatar_url":"https://avatars2.githubusercontent.com/u/13376530?v=4","gravatar_id":"","url":"https://api.github.com/users/mclassdesigns","html_url":"https://github.com/mclassdesigns","followers_url":"https://api.github.com/users/mclassdesigns/followers","following_url":"https://api.github.com/users/mclassdesigns/following{/other_user}","gists_url":"https://api.github.com/users/mclassdesigns/gists{/gist_id}","starred_url":"https://api.github.com/users/mclassdesigns/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mclassdesigns/subscriptions","organizations_url":"https://api.github.com/users/mclassdesigns/orgs","repos_url":"https://api.github.com/users/mclassdesigns/repos","events_url":"https://api.github.com/users/mclassdesigns/events{/privacy}","received_events_url":"https://api.github.com/users/mclassdesigns/received_events","type":"User","site_admin":false},"created_at":"2018-09-04T08:01:23Z","updated_at":"2018-09-04T08:01:23Z","author_association":"NONE","body":"I have found a solution that works. In Popover.vue, nest the original div inside a transition wrapper component, passing the name of the transition as a prop:\r\n\r\n```\r\nreturn createElement(\r\n    Vue.options.components['Transition'],\r\n    { props: { name: 'show-from-bottom' } },\r\n    [\r\n        createElement(\r\n            'div',\r\n            {\r\n                class: this.className,\r\n                style: this.style,\r\n                attrs: {\r\n                    'data-popover': this.name\r\n                },\r\n                on: {\r\n                    click (event) {\r\n                        event.stopPropagation()\r\n                    }\r\n                },\r\n                ref: 'dropdown'\r\n            },\r\n            this.$slots.default\r\n        )\r\n    ]\r\n)\r\n```"}}
{"actor":{"display_login":"mclassdesigns"}}