hideDelay not configurable

[adambowles]

I set hideDelay={1000} and the tooltip is unloading instantly on mouseout event.

Setting delay={1000}, however, will set the show and hide delays to 1000ms

[pjosh]

I have the same problem. I want to set delay={3000} to show the tooltip after 3s, but keep the hide instantaneous. It could be amazing if we can configure delay & hideDelay separately.

[adambowles]

That is in fact the same as what I'm experiencing @pjosh

[gothy]

Hey folks, how can get the instantaneous hide behavior? :)

Here's my setup for the wrapping component:

<Tooltip
        arrow
        unmountHTMLWhenHide
        position="right"
        size="small"
        animation="none"
        animateFill={false}
        transitionFlip={false}
        delay={0}
        hideDelay={0}
        distance={20}
        duration={0}
        hideDuration={0}
        {...this.props}
      />

animation and all possible delays and durations are set to 0, but tooltip still "hangs around" for 300-500ms after cursor goes away from the target area.

[mandriv]

Any update on that issue? hideDelay prop is basically useless right now

[levindixon]

@gothy only using duration={0} did the trick for me.

[katrinalui]

I was able to set the hideDelay by passing in an array of numbers to delay. From the tippy.js docs:

delay: 0, // Number or Array [show, hide] e.g. [100, 500]

[adambowles]

Nice spot @katrinalui! That works for me

[tbehunin]

@gothy Yeah, @levindixon's approach worked for me. The key is to NOT also add the animation attribute. If you include that attribute - even if it's set to none, it won't immediately show/hide. So, ONLY use duration={0} and you'll get the affect you want.

[Kadrian]

Wow, this should be more obvious! How about no animation by default?

[NathanVss]

@gothy Yeah, @levindixon's approach worked for me. The key is to NOT also add the animation attribute. If you include that attribute - even if it's set to none, it won't immediately show/hide. So, ONLY use duration={0} and you'll get the affect you want.

My hero !