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.

Tooltips first appear with 'Swing' animation, then appropriate animation

See original GitHub issue

When initializing Tooltipster on a collection of jQuery objects, the tooltip first appears using the “swing” animation. Every following time the tooltip appears, it then uses the animation type specified in the options passed, i.e. “fade” or “grow”.

I’m not sure why this would be happening - maybe it’s something simple. For context, I’m also using the functionBefore method to lazy-load an image into the tooltip to replace its content. Could this somehow impact the initial animation behavior?

Thanks.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:9

github_iconTop GitHub Comments

1reaction
louisamelinecommented, Aug 10, 2016

You are both welcome 😃 The update animation does not happen if the update during functionBefore is synchronous, so everything works the way it was meant to be. People who want to turn the update animation off on a given update may do so by using the option method to set the updateAnimation to null before the update and then set it back to its normal value after the update. Thank you.

1reaction
louisamelinecommented, Aug 10, 2016

I get it sorry, it’s the update animation that you see. If turning off the updateAnimation option is acceptable for you, it will obviously solve it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltips first appear with 'Swing' animation, then appropriate ...
When initializing Tooltipster on a collection of jQuery objects, the tooltip first appears using the "swing" animation.
Read more >
CSS Tooltip Animation Effects On Hover | HTML Hint Types
There are 3 types of tooltip animations which are the fade effect, expand effect, and swing effect. These all are for showing you...
Read more >
Tooltipster - The jQuery Tooltip Plugin
fade, grow, swing, slide, fall, Determines how the tooltip will animate in and out. Feel free to modify or create custom transitions in...
Read more >
The Best Looking CSS Tooltip Examples You Can Actually Use
This pure CSS tooltip uses an animated tooltip. The hovering animation appears when hovering over the element. This one uses HTML5 data. Easy...
Read more >
Tooltipster - The jQuery Tooltip Plugin - GitHub Pages
'swing', 'slide', 'fall', Determines how the tooltip will animate in and out. ... If you provide something else than a string or jQuery-wrapped...
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