Can I do followCursor with trigger="manual"?
See original GitHub issueHi, Thank you all the work in the project.
Iām in a situation where I need to use followCursor
and trigger="manual"
at the same time.
Iāve tried two properties together, and it just doesnāt seem to work.
Only when I remove either followCursor
or trigger
/visible
, the one that is left works.
Iām not sure if I did something wrong or it is not currently supported.
If it is not supported, can I get some help on how I can get around it?
Thank you!
<template>
<div>
<button @click="changeVisibility">Change Visibility</button>
<tippy
to="visibleTest"
:visible="isVisible"
trigger="manual"
followCursor="true"
>Tooltip Text
</tippy>
<div name="visibleTest" >
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</div>
</template>
<script>
import { TippyComponent } from "vue-tippy";
export default {
name:'HelloWorld',
componenets: {
'tippy': TippyComponent,
},
data() {
return {
isVisible:true,
}
},
methods: {
changeVisibility() {
this.isVisible = !this.isVisible;
console.log(`isVisible=${this.isVisible}`);
},
},
}
</script>
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (4 by maintainers)
Top Results From Across the Web
All Props | Tippy.js
followCursor Requires importing its plugin when using modules ... hideOnClick: false with trigger: "mouseenter" (a click trigger will never hide):.
Read more >Javascript: follow cursor but stay within a circle as opposed to ...
I'm trying to get the jsfiddle sample below to make the yellow circle div follow the mouse but be constraint to a circle...
Read more >Tooltip - React Suite
Whisper provides a trigger props, which is used to control the display of Tooltip in different business scenarios. Props values āāinclude: click :...
Read more >All Props - VueTippy
hideOnClick. Determines if the tippy hides upon clicking the reference or outside of the tippy. The behavior can depend upon the trigger events...
Read more >React Tooltip component - Material UI - MUI
By default disabled elements like <button> do not trigger user interactions so a Tooltip will not activate on normal events like hover.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@KABBOUCHI thanks for your prompt and helpful answer. Yes this will work for me.
š
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.