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.

[Bug] b-tooltip CSS conflicts

See original GitHub issue

b-tooltip has display: block !important which interferes with the styling on the same element for display: none. On Chrome, display: block !important takes precedence so the tooltip shows up as an invisible box (with opacity: 0) that covers elements below it.

Issue Analytics

State:
Created 6 years ago
Comments:14 (10 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Jun 21, 2017

YOu might have to just make sure this CSS is loaded after Bootstraps CSS.

1reaction

tmorehousecommented, Jun 8, 2017

See PR #450 which is a fix for the problem in #435

It should be available in the next release.

Top Results From Across the Web

Bootstrap 4.3.0 Tooltip Conflicts with jQuery UI 1.12.1

I get your point about browser tooltips, so the issue is that Bootstap Tooltips isn't being connected properly. – gene b. Jun 24,...

Tooltip | Components - BootstrapVue

Easily add tooltips to elements or components via the component or v-b-tooltip directive.

Tooltips · Bootstrap v5.0

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title ...

Tooltips for Gantt Elements - DHTMLX Documentation

gantt.ext.tooltips.tooltipFor() · selector - (string) a CSS-selector of the Gantt element to add a tooltip to · html - (function) a template for...

CSS Only Tooltip for All Screen Sizes - RIMdev

Since we're using position: absolute to position the tooltip content, we run into problems on smaller screens. In our case, bugs begin to ......