Tooltips are triggered by hovering on them when hidden. #6
Description
Ideally tooltips should only be triggered by hovering on their trigger. Currently they can be triggered by hovering on them directly because they are opacity 0, yet they are still present on the page.
I tried positioning them off the page until activated, this works for fade-in but not fade-out. The fade-in happens smoothly as the element is immediately brought into position then faded. The fade out is not smooth because the element is immediately positioned off the page (to be hidden) and then faded out (while it is not visible).
It might be worth the tradeoff of worse fading effect, or another technique may be used entirely (either some JS or perhaps keyframe animation). If a good suggestion is made, I'll try implementing it.