Keep tooltip open

Question

Keep tooltip open

kuza2010 opened this issue 2 years ago · comments

Hello, I am wondering how to keep tooltip open when hovering over tooltip content?

jshster · Answer 1 · Fri Apr 01 2022 05:42:26 GMT+0800 (China Standard Time)

Hey Kuza, can you explain further? Are you saying the tooltips are just flashing up then disappearing or do you mean you want them to remain visible for a period after the mouseout event?

Artem Danilin · Answer 2 · Fri Apr 01 2022 17:34:08 GMT+0800 (China Standard Time)

Hello, @jshster
I can demonstrate what I want.

You can observe that when mouse over the popup it does not closes.

I took a look at this. But probably there are another ways? Or code examples for Vue.js

ShinProg (Logan Tann) · Answer 3 · Mon May 16 2022 19:40:19 GMT+0800 (China Standard Time)

Hello @kuza2010

Materialize tooltip is not designed for such layout, and maybe you'll have to program it by yourself.

Moreover, you're saying that would like code examples for Vue.Js.
As materialize manipulates the DOM, I strongly advise against using it on your vue project. Maybe Vuetify is more suited for your needs (https://vuetifyjs.com/en/components/tooltips/)

If you need help, feel free to reply in this thread

Artem Danilin · Answer 4 · Tue May 17 2022 01:47:47 GMT+0800 (China Standard Time)

@LoganTann thanks for your comment. Yeah, I realized it after some time working around this. I just connect the following library: vue-tooltip