The Problem

Popovers configured with slots (Title, Content, or both) can visually "break" (render incorrectly) when a user un-hovers and then quickly re-hovers an element before the fadeout animation completes.

See:

This can be mitigated by setting the no-fade option to true.

Steps to Reproduce

1. Position the mouse over an element configured with a popover, triggering the fade in.
2. Move the mouse off of the icon, triggering the fade out.
3. Quickly relocate the mouse over the popover information icon (before the fadeout animation completes).

The Environment

• Operating Systems: Windows 10, macOS 10.13.6
• Browsers: Chrome 68, Safari 11
• Bootstrap-Vue: v2.0.0-rc.11
• Reduced Test Case: See this JsFiddle.