Vuesax: tooltip don't work

[stpnov]

tooltip don't work
v3.8.24

JSFiddle

[thepepperone]

I'm also having this issue.

[email protected]
[email protected]

It's like flickering everytime I hover to any object.

[javierrdzm]

Same problem.
Any update on this?

[email protected]
[email protected]

[ashleymoogle]

Same issue

[email protected]
[email protected]

[ashleymoogle]

So I copied the source code of vsTooltip.vue into a new component, linted it and replaced all warnings and errors like using == instead of === and it just... works?
Maybe its due to webpack having trouble transpiling == ?

[luisDanielRoviraContreras]

We change the component with the suggestions and some details should work as expected, please notify if there is any problem

[LiKang6688]

@luisDanielRoviraContreras
[email protected]
[email protected]

the tooltip still flicks every time when I hover to any object.

[jsinhSolanki]

Still not working.

[luisDanielRoviraContreras]

it works for me, please can do an example or a gif to see the problem better

[jsinhSolanki]

You can check here
https://jsfiddle.net/jsinh0001/cqavtm13/

[lk77]

Hello,

same issue here, tooltip is flashing half a second, and disapear.

[Pedrazl]

Still not working on 3.8.61...

[kamaladenalhomsi]

Same Issue for me too,
Still waiting for a fix

[ashleymoogle]

On the component vsTooltip.vue, if you remove the updated() hook it works

updated () {
   let nodes = this.$refs.convstooltip.childNodes.length
   if (nodes === 1) {
     // this.activeTooltip = false  //Comment this line
   }
},

And it works, that's how i fixed it anyway

[pedropcruz]

Hello,

I'm currently using vuesax on our project. I'm trying to implement vuesax components, and I have a question

Why you dont export the components for using? Because this is not a good solution to change on node_modules/vuesax. Anyone have more solution to this?

Many thanks

[liudonghua123]

On the component vsTooltip.vue, if you remove the updated() hook it works

updated () {
   let nodes = this.$refs.convstooltip.childNodes.length
   if (nodes === 1) {
     // this.activeTooltip = false  //Comment this line
   }
},

And it works, that's how i fixed it anyway

I tried your suggestions, it worked. Thanks!

[mrhammadasif]

I have also discovered that tooltip only works if it contains two child nodes.

Following Snippet works:

<vs-tooltip>
    <vs-button>Buttom</vs-button>
    <span>&nbsp;</span>
</vs-tooltip>

[rannmann]

The DOM does update with only one child node, but it looks like it's set to display: none; until you add a second node.

Tested in 3.11.13

[Tofandel]

Could we just remove this updated hook?... It serves no purpose except to annoy us, the logic in it is completely wrong..