v-tooltip is stuck if mouse moves through it

[enodr]

Hi,

I have a strange behavior with v-tooltips being stuck (will not disappear) but only when the mouse moves over the content of the tooltip. It there a configuration to avoid this?

Example: tooltip appears when hovering the icon and is stuck if I move the mouse on the right passing through the tooltip content (my mouse pointer being on the right of the Kibana tooltip now)

Thanks

[Akryum]

Try popperHideTriggers: ['hover'] (docs)

[enodr]

Thanks for the tip.

It does fix the issue, even though I don't understand why the problem doesn't exist in the samples I saw. Anyway in main.js I have set this line as a solution:

FloatingVue.options.popperHideTriggers = ['hover'];

[Zedicius]

I'm having the same issue;

Code:

[Zedicius]

Welp, I fixed it by using the component tooltip instead of the directive so I could use the hide() function on mouseLeave. Too bad this makes the directives almost useless though.

[Akryum]

@enodr You can do FloatingVue.options.themes.tooltip.popperHideTriggers = ['hover'] to only apply to tooltips

[Akryum]

@Zedicius see my comment above to apply the workaround to all tooltips.
You can also use popperHideTriggers in you custom theme config.

[Akryum]

You don't need the workaround as of 1.0.0-beta.16 and 2.0.0-beta.14