Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v-b-tooltop.hover broken in v2.0.0

See original GitHub issue

Describe the bug

After updating from v2.0.0-rc.28 to v2.0.0, my tooltips started bugging out.

Steps to reproduce the bug

Clone this branch of my app (sorry, this is the best context I have).
Run npm install
Run npm run electron:serve
Hover over the “New Character” button on the left

Expected behavior

When hovering, the tooltip should appear and stay there until the element is no longer hovered, not disappear after a fraction of a second.

Versions

Libraries:

BootstrapVue: 2.0.0
Bootstrap: 4.3.1
Vue: 2.6.10

Environment:

Device: Mac
OS: macOS 10.14.6 (18G87)
Browser: Electron (Chromium)
Version: 6.0.7

Demo link

I was unable to reproduce this on the Online Playground or in CodePen, but I am able to reliably reproduce it by placing the v-b-tooltip directive on any element in my app.

Additional context

N/A

Issue Analytics

State:
Created 4 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Sep 8, 2019

If your external theme is using SCSS/SASS variables to configure Bootstrap’s SCSS, you could import all three into a single SCSS file then import that into your app (or place into the index.html)

0reactions

tmorehousecommented, Sep 8, 2019

Depends on how crazy they changed the settings

Top Results From Across the Web

Tooltips broken on dropdown · Issue #3703 · bootstrap-vue ...

The expected behavior is that the tooltip should only show when hovering over the dropdown button, not when hovering over the menu items....

Bootstrap tooltips not working - Stack Overflow

So if I've got a page of links of Item Type A, then I have a list of item a-1, item a-2, item...

Tooltips · Bootstrap v5.0

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Directions are mirrored when using Bootstrap in...

Tooltip Hover Not Showing - WordPress.org

But, Tooltip Hover Not Showing properly. ... tooltip is not a function ... The plugin author released v2.0.0 and the jQuery upgrade is...

react-tooltip - npm

react tooltip component. Latest version: 5.3.2, last published: a day ago. Start using react-tooltip in your project by running `npm i react-tooltip`.