Conflict with tooltips and stackable.js

[jinch]

What should happen?

Using foundation v6.3.1 along with stackable.js (http://johnpolacek.github.io/stacktable.js/) for responsive tables. Issue happens when in mobile view the hover effect of the tool tip does not work.

What happens instead?

Nothing happens / no tooltip.

Possible Solution

I think it may be a specificity conflict with stackable.js as in this post points out: https://stackoverflow.com/questions/43187198/click-function-in-stackable-js-table

How can I adjust the foundation javascript for the tool tip to work along side stackable.js?

Test Case and/or Steps to Reproduce (for bugs)

Test Case: https://codepen.io/jinch/pen/bXpOgM?editors=0010

How to reproduce:

1. Rollover link to see tool tip
2. Scale browser window to trigger stacked.js table
3. Rollover link again (no-tool tip)

Context

I need to get the tool tips to work on mobile screens and touch devices. I also need to get this to work with stackable.js.

Your Environment

• Foundation version(s) used: 6.3.1
• Browser(s) name and version(s): Firefox 68
• Device, Operating System and version: Mac Mini / Majave
• Link to your project: https://codepen.io/jinch/pen/bXpOgM?editors=0010

Checklist

• I have read and follow the CONTRIBUTING.md document.
• There are no other issues similar to this one.
• The issue title and template are correctly filled.

[DanielRuf]

Hi @jinch,

Can you reproduce this with the latest release too?

[jinch]

I haven't tried as I am stuck using the old version for my existing project but I can try to confirm.

~ ok - just confirmed this effect the latest Foundation as well.

[DanielRuf]

At least it seems it is unmaintained for two years now.

I think it is related to johnpolacek/stacktable.js#55.

[jinch]

Ha - funny / that's my post that I forgot about :) ~ So it seems I can work around this by slightly adjusting the javascript that controls the tool tip hover behavior.

Do you know how I may achieve this / what javascript hooks I might need to adjust the foundation tooltip function?

[jinch]

Think i (may) be on to it?

I found the show() and hide() methods for the tooltips in the foundation docs :) ~ I still don't have this working but I think this is on the right path? For some reason the code isn't triggering it though using '$(this).foundation('show');'

CODEPEN EXAMPLE:
https://codepen.io/jinch/pen/bXpOgM?editors=0010