Tooltip instantly disappears

Everything is fine on your site in the documentation. But I have a problem on my site - Tooltip disappears almost instantly.

I wanted to ask you, maybe you know why?

I have Bootstrap installed on my site (including JS) regardless of your library. That is, there is a full-fledged rails application that has its own life with Bootstrap.

But there are also Vue components for beauty. In these components, I use your library. And in these components happens that is shown in the gif that I attached.

This problem occurs wherever v-b-tooltip.hover is present. If hover is replaced on click or focus, then it will be the same.

[tmorehouse]

It looks like you are not including BootstrapVue’s custom css as mentioned in the docs.

BootstrapVue’s custom css is required to make bootstrap’s css work with Vue’s transition component.

[Pablo-Araya]

Another solution would be to include a $nextTick loader after the dom has loaded

var vm = new Vue({
	el: '#elm'
});

global.vm = vm;

// onload VueJs Component:
                        vm.$nextTick(function () {
                            $('[data-toggle="class-for-tooltip"]').tooltip();
                        });