Tippyjs: Tippy is showing and hiding immediately

[divmgl]

Latest version of Tippy (2.5). Kind of in a hurry so I haven't been able to create a CodePen. Tippy is showing and hiding immediately. Here's the code I'm using:

tippy(ref, {
  trigger: 'manual',
  interactive: true,
  delay: [0, 2000],
  duration: 2000,
  animation: 'fade',
  onShow(instance) {
    console.log('showing')
  },
  onHide(instance) {
    console.log('hiding')
  },
  updateDuration: 350
})

this.secretKeyReference.on('success', () => {
  ref._tippy.show(2000)
})

When I trigger the callback, here's what appears in the console:

As you can see, the callbacks are triggered instantly. What am I doing wrong here?

[atomiks]

Something must be triggering hide() on the next animation frame, I'd guess (~16ms)?

Without a CodePen I don't think I can help :s

Is it happening with previous versions?

[Aka4Code]

@atomiks here example: https://jsfiddle.net/vL5bafx2/

• same as @divmgl , don't know whats triggering hide()

[atomiks]

@Aka4Code It's the global click event listener for the hideOnClick option.

Use setTimeout(() => tippy.show()) to run it after the click listener has executed.

This catches many people off guard so I will make a prominent note in the docs about it soon. And I'm 100% sure it's the OP's problem too.