• I would like to know how to show the tooltips on hover instead of click?

    and put an animation exit delay after the mouse is off the tooltips.

    Thanks for your help ??

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • It looks like you solved your problem, how did you do it?

    Plugin Author prismtechstudios

    (@prismtechstudios)

    @edoos Making the tooltips show on hover will require some knowledge of jQuery, and it’s got a few steps so I’d need to slate that as a future update. I can do that, since it would be something others would find useful.

    The changes would involve changing modern-footnotes.js so that showing the popup occurs on the mouseenter event rather than the click event. Then, you would need to also add mouseenter events for the .modern-footnotes-footnote__connector class and .modern-footnotes-footnote__note class where you set a JavaScript variable that says the user is actively hovering over the tooltip. You’d add a mouseleave event to all three elements (connector, note and link) that uses setTimeout to set an event that will hide the footnote if the JavaScript variable doesn’t indicate the user is hovering over the tooltip.

    Let me know if you’re trying the changes on your own, otherwise, I’ll add this into a future release! It’ll be an option that you can toggle: either show the footnotes on hover, or show them on click.

    Plugin Author prismtechstudios

    (@prismtechstudios)

    I’ve set up a GitHub issue at https://github.com/seankwilliams/modern-footnotes/issues/25 that will track adding this functionality.

    Just wanted to chime in that I’d love this option too. I love everything about MFN except the lack of ability to show on hover, so I’m happy to see you’re working on adding it to a future release. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘show tooltips on hover?’ is closed to new replies.