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.

Tooltip on an SVG element works, but prop validation errors out

See original GitHub issue

Describe the bug

It is possible to attach a tooltip via v-b-tooltip.hover directive to an SVG element.

But when hovering, prop validation fails with:

Invalid prop: type check failed for prop “target”. Expected HTMLElement, got SVGCircleElement

Steps to reproduce the bug

Create an SVG element with a simple circle path
Put a v-b-tooltip.hover directive on it
Add a title attribute with a value for the tip
Hover over the SVG element you put the directive on
Observe console log error

Expected behavior

No errors.

Versions

Libraries:

BootstrapVue: 2.0.2
Bootstrap: 4.3.1
Vue: 2.6.10

Environment:

Device: Mac
OS: macOS
Browser: Chrome
Version: N/A

Issue Analytics

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

Top GitHub Comments

1reaction

tmorehousecommented, Oct 10, 2019

SVGElement (which all other SVG elements inherit from) allowed prop type was added in BootstrapVue release v2.0.3 https://bootstrap-vue.js.org/docs/misc/changelog#bug-fixes-v203

0reactions

moltarcommented, Oct 10, 2019

Oh this has been fixed!!!

https://github.com/bootstrap-vue/bootstrap-vue/commit/fab7fea0a69b36b95f0c9606122140fe771e8ac8