No transitions on leave

[diachedelic]

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.

[euvl]

Yeah, i will be happy to review a PR if you will fix it.

[diachedelic]

Okay I will see what I can do

[rogue-ninja-creative]

Has anyone found a solution to this?

[diachedelic]

No sorry @mclassdesigns

[rogue-ninja-creative]

I was looking into adding the transitions to the render function instead. Will report back.

[rogue-ninja-creative]

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:

return createElement(
    Vue.options.components['Transition'],
    { props: { name: 'show-from-bottom' } },
    [
        createElement(
            'div',
            {
                class: this.className,
                style: this.style,
                attrs: {
                    'data-popover': this.name
                },
                on: {
                    click (event) {
                        event.stopPropagation()
                    }
                },
                ref: 'dropdown'
            },
            this.$slots.default
        )
    ]
)