Tooltip doesn't disappear on hover out

[chipit24]

Describe the bug

When quickly moving the cursor over a list of items that have a tooltip, the tooltip doesn't always disappear, but remains "suck" in the hover state.

Steps to reproduce the bug

1. Create a list of items that each show a tooltip on hover.
2. Move the cursor over the list, and observe that occasionally one of the tooltips doesn't disappear on hover out.

Expected behavior

Regardless of how quickly a user hovers over or out of an element, if a tooltip appears, it should disappear if the cursor is no longer over the element.

Versions

Libraries:

• BootstrapVue: 2.0.0-rc.26
• Bootstrap: 4.3.1
• Vue: 2.6.10

Environment:

• Device: MacBook Pro
• OS: macOS Mojave 10.14.5
• Browser: Chrome
• Version: 75

Demo link

CodeSandbox: https://codesandbox.io/embed/determined-boyd-xezui

Additional context

Gif of bug:

We use a similar layout to the one in CodeSanbox, but with a larger, more complex list, and the hover issue appears much more frequently, even without very quick mouse movement.

[tmorehouse]

This is a known issue: #2937 (also applies to popovers)

And will hopefully be fix once we have 2.0.0 stable released.

You can add a delay to the tooltip which will help mitigate this issue:

https://jsfiddle.net/jdw2Lhy0/

[chipit24]

Thanks! I just searched open issues so I didn't see that.

[tmorehouse]

PR #3908 should have this fixed (once it is completed and merged into 2.0.0 stable branch)

[tmorehouse]

BootstrapVue v2.0.0 stable has been released. See https://bootstrap-vue.js.org/docs/misc/changelog