question-mark
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.

Can I do followCursor with trigger="manual"?

See original GitHub issue

Hi, 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:closed
  • Created 3 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
avpavpcommented, Aug 5, 2020

@KABBOUCHI thanks for your prompt and helpful answer. Yes this will work for me.

šŸ‘

0reactions
stale[bot]commented, Oct 4, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found