All tooltips are visible instead of current

[VanDavv]

Copied from #89 since it still occurs:

When several tooltips are instantiated on a single page, the data-event click doesn't act fully as a toggle to hide all active tooltips. Not sure if this is the desired behavior but it would make sense that only the current tooltip be activated at a time.

[monrus]

what with this issue?

[apandichi]

Hey @wwayne, any chance we can get this fixed?
I created a simple React project that demonstrates this issue:
https://github.com/apandichi/demo-tooltip-hide-issue

Steps to reproduce the problem:

1. Click the first face.
2. Click the second face.

I expect that the first tooltip is hidden (as per globalEventOff='click'). Instead, both tooltips are displayed.

[mikebabb]

Is there a fix planned for this issue? I'm guessing not given its age. It can apparently be resolved by only having one tooltip component on a given page, but it'd be great to not have to refactor the way tooltips have been implemented across our application just to work around this. eventPropagationMode and globalEventOff don't solve it 😞

[apandichi]

Pinging @aronhelser as he seems to be more active lately

[aronhelser]

I won't be able to solve it, but a PR would be welcome. Seems like looking at what happens inside the globalEventOff handler is a place to start...

[apandichi]

@aronhelser Please see the referenced PR and the my updated demo app. This seems to have solved the issue.

Please review, I'm not sure if I dealt with this correctly. I used the isCapture from props instead of the isCapture() decorator. I couldn't figure out what the target is supposed to be in that global scope where globalEventOff is handled.

Thanks!